10.3 월

1. 멘토님 조언사항

프론트 코드 지켜내기(DTO)

[무료] 인프콘 2022 다시보기 - 인프런 | 강의

• 백, 프론트 유지보수 기간의 미스매치가 발생하는 경우
  • 프론트만 수정할 수 있을 때 dto를 정의하고 추후 백엔드 개발자와 공유하고 dto 제거
• 초기개발단계에서 사용

목데이터

• 커링 패턴

어려운건 어렵게 배워라

---

2. 배포환경 https 통신 테스트

• 클라이언트 정적웹 netlify 배포(https) ↔ 백엔드(https) Route53 + ELB + EC2 + RDS 통신 테스트 성공
• 서버 무중단배포 필요

2.1 엔드포인트 변경

무색: 백엔드 서버 주소로 대체됨

노랑: 목서버 코드 대체 필요

파랑: 미구현

---

• src
  • redux
    • userSlice.js
  • components
    • Form
      • mypage
        • MyPageForm.jsx
      • sns
        • SnsUploadForm.jsx
    • User
      • UserFeedGallery.jsx
    • Suggestion
      • SuggestionInfinite.jsx
    • Mypage
      • MypageInfo.jsx
    • SNS
      • DirectMessage
      • PopUp
        • MobileButtonDetail.jsx
      • SingleFeed
        • SingleFeed.jsx
        • SingleFeedImage.jsx
        • SingleFeedContent.jsx
        • SingleFeedReply
          • RepleContent.jsx
          • RepleList.jsx
          • SingleFeedReply.jsx
  • pages UserFeedPage.jsx

---

3. 진행상황 정리

3.1 회원관리

• 회원가입 ok
  • 회원가입 성공 시 동작 구현 필요. 회원가입이 성공했는지 실패했는지 화면에서 알리고 있지 않음
• 로그인 ok
  • 로그인 성공 시 화면 동작 구현 필요. 실패 시 실패 메세지 구현 필요

3.2 SNS

• 게시글 등록 ok
  • 게시글 등록 완료/실패 시 화면에 나타낼 동작 구현 필요
  • 수정/삭제 미구현
• 게시글 댓글기능 미구현
• 좋아요 미구현
• 특정 사용자가 쓴 sns 게시글만 조회 ok
• 회원정보 수정 ok
  • 비번, 닉네임만 수정 반영중인데 기타 인풋 항목들도 제거할지 추가할지 구현 필요

3.3 유기견 신고

• iframe 팝업 시 https → http 요청이 mixed contents 보안 문제로 막혀있으므로 해결 필요

3.4 유기견 입양

• 양육환경 자가진단 체크리스트 컴포넌트 구현하기
  • 이전문항, 다음문항으로 이동도 가능하면 구현할 것
• 전국 유기견 보호소 정보 조회 기능 구현할 것 (택 1)
  • 입력값으로 공공API에서 조회할 수 있게 할 것인지
  • 단순히 공공 API로 받아온 보호소 정보들만 보여줄 것인지
  • 단순한 카카오맵에서의 키워드 검색으로 끝낼 것인지