[WIL] 행동대장 프로젝트 5주차 회고

프로젝트 강점 정리

• Refresh Token 적용
• AWS CloudFront 배포
• github-action을 활용해 배포 자동화 구축
• Cloudinary로 이미지 등의 asset 관리
• ReactQuery InvalidateQueries를 활용해 무효화 적용(필요한 곳에 항상 최신 상태 유지)
• FormData로 서버에 이미지 전송
• debounce를 이용한 최적화된 검색기능 구현
• infinity-query를 이용한 인피니트 스크롤
• react-hook-form으로 효율적으로 form을 관리
• react-toastify로 토스트 알람 구현
• Styled-components에서 제공하는 Global Style을 활용해 global theme, media query 구현
• 범용적으로 사용되는 Button, modal 등의 모듈화
• HOC를 활용해 컴포넌트 재사용화
  recoil-persist, AtomFamily등의 사용을 통해 전역 상태를 sessin storage에 저장
• axios instance와 axios interceptor를 통해 API 요청과 응답을 효율적으로 관리하고, 에러 처리나 특정 작업을 자동화

 

개선 및 추가사항 / 우선순위 결정

 

 

1	마이페이지 추가	09.04
2	소셜 로그인 추가	09.02
3	실시간 알림 기능 추가	09.02
4	검색 기능 추가	09.01
5	리프레시 토큰 도입	09.02
6	회원가입/ 로그인 관련 리팩토링 - 이메일 인증코드 보낸 후 토스트 알림 추가하기 - 이메일 ID의 유효성 검사 추가하기 (ex. 공백 미허용) - 이메일 재전송 후 타이머 중지 - 로그인시 엔터 눌렀을 때 로그인 가능하게 하기 - X 버튼 등에 탭인덱스 넣기 - 등등..	~프로젝트 종료
7	모달 뒷 배경을 클릭했을 때 모달이 닫히게 하기	09.02
8	상세페이지 이미지 비율 조정하기	09.04
9	로딩 화면 구현하기	~프로젝트 종료
10	이미지 파일만 업로드	09.01
11	댓글, 게시글 텍스트 이탈 수정, 줄바꿈 적용	09.01
12	UI 디테일 수정	~프로젝트 종료

 

이번 주 한 일

• 댓글 기능 구현
• PC/Tablet/Mobile 반응형 UI 작업
• 유저 피드백 반영 버그 수정
• 리팩토링
• 실시간 알림 기능 구현

 

다음 주 할 일

• 실시간 알림 기능 완성
• 코드 리팩토링
• 파이널 발표 준비