[javascript] Prettier를 사용하여 코드 작성 시 스타일 가이드를 지키는 방법은 무엇인가?

Prettier를 사용하는 방법은 간단해요. 먼저, 프로젝트 폴더에서 Prettier를 설치해야 해요. npm을 사용한다면 다음 명령어로 설치할 수 있어요:

npm install --save-dev prettier

설치가 끝나면 package.json 파일에 스타일 설정을 추가해야 해요. 예를 들어, 코드 너비를 80자로 제한하고 들여쓰기를 2칸으로 설정하려면 다음과 같이 작성할 수 있어요:

// package.json
{
  "name": "my-project",
  "version": "1.0.0",
  "prettier": {
    "printWidth": 80,
    "tabWidth": 2
  }
}

Prettier 구성이 끝나면 터미널에서 다음과 같이 명령어를 입력하여 코드를 자동으로 정리할 수 있어요:

npx prettier --write .

프로젝트 내의 모든 파일이 자동으로 Prettier 스타일로 변경되는 걸 볼 수 있을 거예요! Prettier를 사용하면 코드 작성 시 일관된 스타일 가이드에 따를 수 있고, 코드 리뷰를 수월하게 진행할 수 있어요.

더 자세한 정보는 Prettier 공식 문서를 참고해보세요.