ESLint
ESLint 는 ES 와 Lint를 합성어인데요. ES는 Ecma Script를 의미하며, Ecma라는 기구에서 만든 Script, 즉, 표준 Javascript를 의미합니다. Lint는 에러가 있는 코드에 표시를 달아놓는 것입니다.
즉, ESLint 는 javascript 프로젝트 내에서 문법을 검사하고 에러를 표시해주는 기능을 말합니다. 여기서 말하는 에러는 문법상의 에러 뿐만 아니라 지정해놓은 문법에 맞지 않은 경우까지 포함됩니다.
혼자 진행하는 프로젝트라면 크게 의미가 없을수도 있으나, 여러 작업자들과 협업을 한다면 공통된 코딩 스타일을 맞춰 갈 수 있어 가독성이나 해석적 측면에서 효율이 좋다고 할 수 있습니다.
Prettier
코드 정리 규칙을 세부적으로 설정해놓으면, 정해놓은 규칙에 맞게 자동으로 정렬해서 가독성을 높이고 코드 스타일을 통일할 수 있는 플러그인을 말합니다.
Eslint & Prettier 설정 방법 (feat. VS Code)
링크 참고 : https://velog.io/@njh7799/Eslint-Prettier-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95
🗒 출처
- https://helloinyong.tistory.com/325 -ESLint, Prettier Setting, 헤매지 말고 정확히 알고 설정하자 | tistory
- https://seizemymoment.tistory.com/136
- https://velog.io/@dvisign/%EB%B8%94%EB%A1%9C%EA%B7%B8-%ED%98%95%EC%8B%9D-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EA%B0%9C%EB%B0%9C%EA%B8%B0-2-%EC%B4%88%EA%B8%B0-%EC%85%8B%ED%8C%852 - ESLint와 Prettier 적용 및 셋팅
