Next.js 환경 세팅

Category
Published
August 2, 2024
Last updated
Last updated October 25, 2024
💡
이 포스트는 현재 작성중입니다

Linting & Formatting

  • eslint-config-prettier
    • Prettier과 충돌하는 ESLint의 규칙을 꺼준다
    • 린터와 포매터를 분리해서 사용해야하기에 좋은 방식
    • Prettier → ESLint 순으로 시행하는 prettier-eslint 등의 라이브러리는 현재 사용되지 않는다
    • Prettier를 ESLint의 규칙으로 동작하게 하는 eslint-plugin-prettier도 비추천
  • eslint-config-airbnb
    • Airbnb에서 사용하는 ESLint 규칙을 적용해준다
    • Dependencies
      • eslint-config-airbnb-base
  • eslint-config-airbnb-typescript
    • eslint-config-next
      • eslint-import-resolver-node
      • eslint-import-resolver-typescript
      • eslint-plugin-import: Import 린팅, 정렬, 파일 경로 철자 오류 이슈를 방지
      • eslint-plugin-jsx-a11y: 접근성 규칙을 추가해줌
      • eslint-plugin-react: ESLint를 위한 React 린팅 규칙
      • eslint-plugin-react-hooks