• validation with react hook form, Auth managing with Zustand Persist

• Modal Animation with Framer motion

• infinite scroll with useInfiniteQuery

• responsive UI with CSS @media

프로젝트 실행하기

⚠️ CRA 시 React 버전과 React-testing 버전의 차이로 인해 프로젝트를 yarn으로 실행해야 합니다.

• yarn install
• yarn start
• .env.development에서 REACT_APP_API_MOCK = 'true'를 설정하면 로컬환경에서 네트워크 요청 없이 테스트할 수 있습니다.

package dependencies

• React Query : 1.3.4
• Zustand : 5.0.2
• SASS : 1.83.0
• React Hook Form : 7.54.2
• Framer Motion : 12.4.3
• Storybook : 8.4.7
• React-Toastify : 11.0.2
• React Router : 7.1.0
• Axios : 1.7.9
• Dayjs : 1.11.13
• React-Lottie-Player : 2.0.0
• React-Markdown : 9.0.1
• React-Error-Boundary : 5.0.0
• @lukemorales/query-key-factory : 1.3.4
• typescript : 4.4.2