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