[javascript] Prettier를 사용하여 코드 작성 시 가독성을 향상시키는 방법은 무엇인가?
- 설치: 먼저 프로젝트에 Prettier를 설치합니다. npm을 사용한다면 다음 명령어를 실행합니다.
npm install --save-dev prettier -
설정 파일 생성: 프로젝트 루트 디렉토리에
.prettierrc또는prettier.config.js파일을 만들어 Prettier 설정을 정의합니다. 이 파일에는 코드의 포맷을 변경하는 데 필요한 구성 옵션을 지정합니다. -
에디터 플러그인 설치: Prettier의 에디터 플러그인을 설치하여 코드를 작성하는 동안 실시간으로 자동 포맷팅을 적용할 수 있습니다.
- Prettier 실행: 저장할 때마다 Prettier를 실행하도록 설정하여 코드를 자동으로 정리할 수 있습니다. 예를 들어, Visual Studio Code에서는 설정에서 “format on save” 옵션을 활성화하거나, 저장할 때마다 Prettier를 실행할 수 있는 다른 방법을 설정할 수 있습니다.
이러한 단계를 따라 Prettier를 사용하여 코드를 작성하면 일관된 형식으로 가독성을 향상시킬 수 있습니다. Prettier를 사용하면 개발자들 사이에 일관된 코드 스타일을 유지하는 데 도움이 되므로 프로젝트의 유지보수가 용이해집니다.
참고 자료: