Next.js의 라우팅 방식 Next.js에서는 자동 라우팅을 지원한다. 파일 혹은 폴더를 생성하는 것으로 라우팅이 가능하다. App Router: 폴더명 기반. 폴더 하위에 page.tsx/layout.tsx가 존재하면 해당 폴더명으로 라우팅 경로 생성. Pages Router: 폴더와 파일명 기반. Next.js 공식 홈페이지는 App Rou...

Zustand 설치 npm install zustand import { create } from 'zustand' const useStore = create((set) => ({ count: 1, inc: () => set((state) => ({ count: state.count + 1 })), })) Jest 설치...

React Hook Form 설치 npm install react-hook-form React Hook Form은 form 태그를 React에서 편리하게 사용할 수 있도록 기능을 제공한다. submit 후 페이지 refresh가 발생하지 않는다. MSW (Mock Service Worker) 설치 백엔드 API가 개발되지 않은 상태에서 프론트...