🔗Link

GitHub | 디자인

배포 주소

🔧Stacks

Next.js TypeScript emotion React-Dev-Tools React-query React-Hook-Form nx workspace Figma

👥 프론트 3명, 백엔드 1명 🙋🏻‍♂️My Part : FE 개발, 기획, 디자인, 리더

소개

<aside> ✔️ 어떤 날씨에 어떤 옷을 입었는지 개인 코디를 저장하는 웹 사이트

</aside>

여름, 겨울 같은 때에는 명확하게 그 날씨에 맞게 옷을 입을 수 있는데 봄이나 가을에는 ‘반팔은 아직 추울 것 같은데…’ 같은 고민을 해결하는 프로젝트입니다.

• 로그인 페이지, 메인 페이지, 마이페이지, 달력 페이지, 공용 컴포넌트, 옷 등록 모달, 옷 선택 모달 개발 및 각종 기능 개발
• 프로젝트 리더가 되어 branch rule, Commit Message, Folder structure 등의 컨벤션을 만들어서 진행함
• 최대한 재사용 컴포넌트로 개발하고 color를 상수화 하며 DRY 원칙을 적용함
• 팀원들이 보기 쉽게 가독성과 단순하게 코딩하여 KISS 원칙을 적용함
• 코드 리뷰를 통해 피드백을 주고 받고 문서화를 통해 정보 공유하는 문화 구성함
• sementic Tag를 사용하여 SEO와 협업 향상
• Axios만을 사용하여 네트워크 요청 모듈화 하던 것을 React-Query를 사용해 캐싱과 서버의 상태와 동기화함
• GutHub Issue를 통해서 작업 관리
• 동일한 이벤트가 연속적으로 생기는 버그는 디바운싱 개념을 통해 해결