1. Prettier 설치

먼저 프로젝트 디렉토리에서 Prettier를 설치합니다.

npm install --save-dev --save-exact prettier

2. 설정 파일 생성

프로젝트 루트 디렉토리에 .prettierrc 또는 prettier.config.js 파일을 생성하여 Prettier 구성 옵션을 정의합니다.

// .prettierrc
{
  "semi": false, // 세미콜론 사용
  "singleQuote": true, // 작은따옴표 사용
  "tabWidth": 2, // 탭 너비
  "printWidth": 80 // 줄 바꿈 폭
}

3. 코드 포매팅

Prettier가 JavaScript 코드의 형식을 자동으로 조정합니다. 코드 포매팅은 프로젝트 루트 디렉토리에서 아래 명령어로 실행할 수 있습니다.

npx prettier --write "src/**/*.js"

4. 통합

Prettier는 대부분의 코드 에디터와 통합할 수 있으므로 코드를 작성하는 동안 자동으로 형식을 맞출 수 있습니다.

Prettier를 사용하면 JavaScript 코드를 작성할 때 일관된 형식을 유지할 수 있어 코드 리뷰 및 유지보수 과정에서 효율적으로 작업할 수 있습니다.

더 자세한 정보는 Prettier 공식 문서를 참고하시기 바랍니다.