NextJS 설계 및 제작 과정 정리 문서

1. 페키지 메니저

• yarn 4.9.2

2. 상태 관리

• Zustand (^5.0.6)

3. 서버 상태 관리

• @tanstack/react-query (^5.83.0)
• @tanstack/react-query-devtools (^5.83.0)

4. 스토리북

• @storybook/nextjs-vite (^9.1.8)
• vite (^7.1.7), vite-tsconfig-paths (^5.1.4)
• @storybook/addon-a11y: 접근성 점검
• @storybook/addon-docs: 문서 자동 생성

5. 테스트 도구

• Jest 30.0.0
• @testing-library/dom: "^10",
• @testing-library/jest-dom: "^6.6.4",
• @testing-library/react: "^16.3.0",

6. TailwindCSS

• tailwindcss (^4.1.11)
• @tailwindcss/postcss (^4.1.11)
• postcss (^8.5.6)
• autoprefixer (^10.4.21)
• tailwind-merge (^3.3.1)

7. 코드 검증

• ESLint 9 + TypeScript ESLint 8
• Prettier 3.6.2
• Tailwind + PostCSS
• eslint-config-next: "^15.4.6"
• eslint-config-prettier": "^9"
• eslint-plugin-storybook": "^0.11"