[javascript] Prettier를 사용하여 코드 작성 시 일관된 import/export 형식을 유지하는 방법은 무엇인가?

26 Dec 2023

javascript

만약 Prettier를 사용하여 코드를 작성하고 있다면, 다음과 같이 설정하여 import/export 형식을 일관되게 유지할 수 있습니다:

Prettier 설치: 먼저 프로젝트 폴더에 Prettier를 설치하세요.
```
npm install --save-dev prettier
```

Prettier 설정 파일 생성: 프로젝트 루트에 .prettierrc 파일을 만들고 다음과 같이 설정하세요.

{
  "semi": false, // 세미콜론을 끝에 추가하지 않도록 설정
  "singleQuote": true, // 문자열은 홀따옴표로 통일
  "arrowParens": "always", // 화살표 함수 매개변수에 괄호를 항상 추가
  "trailingComma": "all" // 끝 줄에 항상 쉼표 추가
}

Prettier 실행: 설정한 규칙에 따라 Prettier를 실행하여 코드를 자동으로 포맷팅하세요.
```
npx prettier --write "src/**/*.js"
```

위와 같이 설정 및 명령어를 실행하면, Prettier가 자동으로 코드를 포맷팅하여 일관된 import/export 형식을 유지할 수 있습니다.

이러한 Prettier 설정은 코드베이스 전체에서 일관된 스타일을 유지할 수 있도록 도와줍니다. Prettier를 추가하여 코드 작성 시 형식에 대한 고민을 덜고, 코드 품질을 향상시킬 수 있습니다.