[javascript] Prettier의 규칙을 커스터마이징하여 프로젝트에 맞는 형식 규칙을 적용하는 방법은 무엇인가?

Prettier의 규칙을 커스터마이징하여 프로젝트에 맞는 형식 규칙을 적용하는 방법은 다음과 같습니다.

  1. 프로젝트 루트 디렉토리에 .prettierrc 파일을 생성합니다. 이 파일은 Prettier의 설정을 지정하는 파일입니다.

  2. .prettierrc 파일 안에는 Prettier의 옵션을 JSON 형식으로 작성합니다. 예를 들어, 들여쓰기 규칙을 변경하고 싶다면 아래와 같이 작성할 수 있습니다.

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

위 예제는 들여쓰기에 2개의 공백을 사용하도록 지정하고, 탭 대신 공백을 사용하도록 설정하며, 세미콜론을 제거하고, 문자열은 작은따옴표를 사용하도록 설정한 것입니다.

  1. 필요한 옵션들을 추가하거나 수정한 후에는 Prettier를 실행하여 설정을 적용합니다.

커스텀 Prettier 설정을 적용함으로써 프로젝트에 맞는 코드 형식 규칙을 자유롭게 적용할 수 있습니다.