[javascript] Prettier를 사용하여 코드 작성 시 일관적인 전개 연산자 사용 방식을 유지하는 방법은 무엇인가?

26 Dec 2023

javascript

먼저, 프로젝트 루트 디렉토리에 .prettierrc 파일을 생성하고 다음과 같이 설정합니다.

{
  "trailingComma": "all",
  "bracketSpacing": true,
  "singleQuote": true,
  "jsxBracketSameLine": false,
  "arrowParens": "always",
  "endOfLine": "auto",
  "overrides": [
    {
      "files": "*.js",
      "options": {
        "overrides": [
          { "files": "*.js", "options": { "parser": "flow" } }
        ]
      }
    }
  ]
}

위 설정에서 “arrowParens” 옵션을 “always”로 설정하여 일관된 전개 연산자 사용을 유지합니다.

이제 Prettier는 코드를 포맷하는 동안 항상 괄호 주위에 화살표 함수의 매개변수에 괄호를 포함시키는 일관된 스타일을 유지합니다. 이를 통해 프로젝트 내에서 일관된 전개 연산자 사용을 유지할 수 있습니다.

참고 자료:

https://prettier.io/docs/en/options.html#arrow-function-parentheses