1. 에디터 플러그인 설치

Prettier를 사용하기 위해선 에디터에 해당하는 플러그인을 설치해야 합니다. 대부분의 인기 있는 편집기에는 Prettier 플러그인이 제공됩니다. 예를 들어, Visual Studio Code에서는 “Prettier - Code formatter” 플러그인을 설치할 수 있습니다.

2. 프로젝트에 Prettier 설정 추가

프로젝트 루트 디렉토리에 .prettierrc 또는 prettier.config.js 파일을 추가하여 Prettier의 동작 방식을 설정할 수 있습니다. 이를 통해 들여쓰기, 세미콜론 사용 등을 포함한 다양한 옵션을 사용자 정의할 수 있습니다.

{
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

3. 저장 시 자동 포맷팅 설정

에디터 설정에서 저장 시 자동 포맷팅을 활성화하여 코드를 작성하는 동안 Prettier를 계속해서 사용할 수 있습니다.

4. 커밋 시 Pre-commit Hook 사용

Git 프로젝트에 Pre-commit Hook을 추가하여 코드 스타일을 커밋하기 전에 자동으로 포맷팅할 수 있습니다. 이렇게 하면 코드 리뷰 과정에서 일관된 코드 스타일을 유지할 수 있습니다.

Prettier를 적절히 활용하여 코드 작성 시간을 단축하고 일관된 코드 스타일을 유지할 수 있습니다. 코드의 가독성을 높이고 더욱 효율적으로 작업할 수 있게 될 것입니다.