콘텐츠로 이동

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"