[javascript] Prettier를 사용하여 코드 작성 시 공백의 사용 방식을 통일하는 방법은 무엇인가?

26 Dec 2023

설치: 먼저 프로젝트 루트 디렉토리에서 Prettier를 설치합니다.
```
npm install --save-dev --save-exact prettier
```
구성 파일 생성: 프로젝트 루트 디렉토리에 .prettierrc 파일을 생성하고, 원하는 공백 사용 규칙을 정의합니다.
```
{
  "singleQuote": true,
  "semi": false,
  "tabWidth": 2,
  "useTabs": false
}
```
위 예시에서는 작은따옴표(')를 사용하도록 하고, 세미콜론(;)을 사용하지 않도록, 탭 너비를 2칸으로, 탭 대신 스페이스를 사용하도록 설정되어 있습니다.
사용: 코드를 작성할 때 Prettier 플러그인을 사용하여 자동으로 포맷팅할 수 있습니다. 대부분의 통합 개발 환경에서는 이 작업을 자동으로 수행합니다. 수동으로 실행하려면 다음과 같이 터미널에서 실행합니다.
```
npx prettier --write .
```
이 명령은 현재 디렉토리(.) 및 모든 하위 디렉토리에 있는 파일을 포맷합니다.

Prettier를 사용하면 코드를 작성할 때 일관된 포맷으로 공백을 사용할 수 있으며, .prettierrc 파일을 통해 설정을 쉽게 조정할 수 있습니다.