[javascript] Prettier를 사용하여 코드 작성 시 일관된 변수 선언 규칙을 적용하는 방법은 무엇인가?

26 Dec 2023

javascript

먼저, .prettierrc 파일을 프로젝트 루트 디렉토리에 생성합니다. 그런 다음, 변수 선언에 대한 규칙을 정의합니다. 일반적으로는 세미콜론을 사용하는지 여부, 변수를 한 줄에 하나씩 선언하는지 여부 등을 설정할 수 있습니다.

예를 들어, 아래와 같이 .prettierrc 파일을 작성하여 변수 선언에 대한 규칙을 정의할 수 있습니다.

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

이렇게 설정하면 Prettier가 코드를 포맷팅할 때 세미콜론을 추가하고, 작은 따옴표를 사용하며, 탭의 너비를 2로 설정할 것입니다. 따라서 이러한 설정을 통해 일관된 변수 선언 규칙을 적용할 수 있습니다.

또한, 프로젝트의 특정한 규칙을 따라야 하는 경우, .prettierrc 파일 대신 Prettier에 직접 옵션을 전달하여 변수 선언 규칙을 설정할 수도 있습니다.

{
  "overrides": [
    {
      "files": "*.js",
      "options": {
        "semi": true,
        "singleQuote": true,
        "tabWidth": 2
      }
    }
  ]
}

이렇게 함으로써 프로젝트 전반에 걸쳐 변수 선언에 대한 일관된 규칙을 유지할 수 있습니다.

관련 참고 자료: Prettier 공식 문서