42-transcendence / front-end

with Next
0 stars 0 forks source link

Prettier linter config #80

Closed chanha-park closed 1 year ago

chanha-park commented 1 year ago
  1. eslintrc 파일을 yml에서 json으로 바꿨습니다. 개인적으로 yml이 더 예뻐보이긴 한데... 설정파일이 yaml, json, js 섞여있는것보단 하나로 통일되어있는게 나을 것 같았습니다. 범용성이좋으며, js과 달리 별도의 type: module 같은 추가 설정이 필요없고, 예제 따라하거나 복사하기도 쉬워보여서 json으로 택했습니다. 다른 포맷이 좋으시면 의견 주세요.
  2. eslint의 포매팅 규칙 (탭 4, 뉴라인)이 conflict를 일으켜 이를 제거하고 prettier의 설정으로 옮겼습니다. prettier 는 unix newline이 기본 옵션이라, tabWidth만 설정했습니다.
  3. eslintrc에 eslint:recommended, typescript-eslint:recommended 설정을 추가했습니다. 대신 이제 React를 명시적으로 import 해야합니다.
  4. typescript-eslint를 설치하며 버전문제가 있어서 outdated된 패키지들을 모두 업데이트했습니다. 또한 쓰지않는 clsx를 제거했습니다.

현재 설정으로 적용된 전체 규칙은 npx eslint --print-config .eslintrc.json 으로 보실 수 있습니다.

확인해보시고 충돌나거나 문제되는 부분 있으면 알려주시면 감사하겠습니다