- 컨셉
- OOTD란 ‘오늘 입은 옷차림’, ‘오늘의 패션’(Outfit Of The Day)의 준말로, 당일 또는 특정 상황에서 입은 자신의 옷차림을 촬영하여 소셜미디어 등에 업로드하는 행위를 가리킨다는 뜻으로 ‘HOW ABOUT OOTD’는 사용자에게 다양한 브랜드와 데일리룩을 추천하고 의류를 판매하는 쇼핑몰
- 프로젝트 인원: 1명 (개인 프로젝트)
- 프로젝트 기간: 2022.12.25 ~ (진행 중)
- https://haoshop.kr
- 테스트 ID: await@gmail.com / PW: 123456
- 테스트 카드: 4242-4242-4242-4242
- TypeScript
- React, Next.js
- Redux Toolkit, React Query
- styled-components
- 절대경로를 사용해서 React 경로 깔끔하게 정리하기
- 웹 접근성을 위해 아이콘 버튼 IR기법 사용하기
- accessToken을 localStorage 말고 메모리(변수)에 저장해 사용하기
- TS + styled-component - No overload matches this call 해결하기
- padding-top을 활용하여 반응형 이미지 컴포넌트 만들기
- 점진적 향상 기법으로 WebP 이미지 포맷 사용하기
- 좋은 사용자 경험을 위해 CLS(Cumulative Layout Shift) 해결하기
- RTK Query에서 React Query 마이그레이션(+ InfiniteScroll 구현)
- React Query로 Prefetch 컴포넌트 만들기
- Next.js로 마이그레이션하기
- Css-in-JS 문제 SWC로 해결하기
- SSR과 React Query