[javascript] Prettier를 사용하여 코드 작성 시 형식 규칙을 자동으로 적용하는 방법은 무엇인가?

26 Dec 2023

javascript

먼저, 프로젝트의 루트 디렉터리에 Prettier를 설치합니다.
```
npm install --save-dev --save-exact prettier
```

다음으로, 프로젝트 루트 디렉터리에 .prettierrc 파일을 생성하여 Prettier의 설정을 정의합니다.

{
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 80,
  "quoteProps": "as-needed",
  "jsxSingleQuote": false,
  "trailingComma": "all",
  "bracketSpacing": true
}

Prettier가 적용되어야 할 파일의 패턴을 .prettierignore 파일에 정의합니다.
```
node_modules
build
coverage
```
코드에 Prettier를 적용하려면 터미널에서 다음 명령어를 실행합니다.
```
npx prettier --write .
```

이제 코드를 작성할 때마다 Prettier가 설정된 규칙을 자동으로 적용하여, 일관된 형식의 코드를 유지할 수 있습니다. Prettier는 다양한 에디터와 통합되어 있으므로, IDE나 텍스트 에디터에서도 편리하게 사용할 수 있습니다.