소스코드 공백 처리, 들여쓰기, 줄 맞추며 정리하기 불편하지 않으신가요? let, const 사용이 헷갈리거나 어처구니없는 실수로 버그가 발생해보신적 없으신가요?
Prettier와 ESLint를 사용하면 해결할 수 있습니다!
이 글에서는 이들이 각각 무엇인지 알아보고, 프로젝트에 세팅하는 방법까지 설명합니다.
소스코드의 띄어쓰기, 들여쓰기, 줄넘김 등을 일련의 규칙에 따라 정리하는 행위를 코드 포매팅이라고 합니다. 코드를 작성하고 직접 포매팅하는 것은 번거로운 일이죠.
Prettier는 정해진 규칙에 따라 코드 포매팅을 자동으로 해주는 자동 코드 포매터 라이브러리입니다.
Prettier 동작 전
Prettier 동작 후