[Next.js] ESLint 설정하기

ESLint는 javaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구이다. ESLint를 사용하여 미리 생기는 에러를 방지할 수 있고, 규칙을 정하여 코드 스타일을 정할 수도 있다.

1. ESLint 설치하기
   $ npm install -g eslint

2. ESLint 설정하기
   $ eslint --init

이렇게 명령어를 작성하면 아래 질문들이 나온다.
임의로 나의 답변을 작성했으나, 필요에 따라 다른 답변을 선택하여 설정할 수 있다.

✔ How would you like to use ESLint?
 - To check syntax, find problems, and enforce code style
✔ What type of modules does your project use?
 - JavaScript modules (import/export)
✔ Which framework does your project use? 
 - React
✔ Does your project use TypeScript?
 - Yes
✔ Where does your code run?
 - Browser
✔ How would you like to define a style for your project?
 - Use a popular style guide
✔ Which style guide do you want to follow? 
 - Airbnb
✔ What format do you want your config file to be in?
 - JSON

Successfully created .eslintrc.json file

.eslintrc.json 파일이 생성되면 rules 부분에 내가 원하는 규칙들을 추가하여 사용하면 된다!