ESLint 2

import 구문을 자동 정렬할 수 있는 lint

팀 프로젝트에서 import 구문의 순서에 대한 코드 컨벤션이 있었다. 컨벤션을 정해놓기는 했지만 일부 파일에서는 지켜지고 다른 파일에서는 지켜지지 않았다. 후반부로 갈 수록 시간에 쫓기다보니 더 신경쓰지 못했다. 프로젝트가 끝난 후 이런 아쉬움을 달래줄 수 있는 방법이 있다는 걸 알게 되었다! import 구문 순서 규칙을 정할 수 있는 eslint 플러그인이 있었다. 역시 개발의 세계에서 그냥 노가다로 때워야 하는 건 없는 법이다. 이미 선배(의 선배의 선배...)들이 다 만들어놨어. GitHub - import-js/eslint-plugin-import: ESLint plugin with rules that help validate proper imports. ESLint plugin with ru..

eslint, prettier 설정 파일 세팅

부트캠프에서 프로젝트를 위해 알려준 권장 eslint, prettier 설정의 의미를 파헤쳐보는 포스팅 되시겠다. 💡 기본 개념: - prettier는 formatter이고, eslint는 linter이다. - 스타일을 교정하려면 formatter를 사용하고, 오류를 잡으려면 linter를 사용한다. - linter 룰은 크게 포맷팅(스타일) 룰과 퀄리티 룰이라는 두 가지 카테고리로 나눌 수 있다. CRA를 사용하면 기본적으로 세팅되어 있는 eslint config인 eslint-config-react-app를 사용하는 경우, non-style 룰만 포함되어 있기 때문에 별다른 설정 없이도 prettier를 같이 사용할 수 있다. 하지만 일부 eslint config를 설치해서 사용한다면(예: "esli..