[javascript] Prettier를 사용하여 코드 작성 시 줄바꿈 규칙을 일관되게 유지하는 방법은 무엇인가?

26 Dec 2023

javascript

프로젝트 루트에 .prettierrc 파일을 생성하고 다음과 같이 줄바꿈 규칙을 지정할 수 있습니다.

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

위 설정에서 printWidth는 한 줄에 포함될 최대 문자 수를, tabWidth는 탭 간격을, semi는 세미콜론 사용 여부를, singleQuote는 작은따옴표 사용 여부를 나타냅니다. 이러한 설정을 통해 Prettier는 코드의 줄바꿈을 일관되게 유지하도록 도와줍니다.

또한, 프로젝트에 팀원들과 함께 작업하는 경우, Prettier를 통해 자동으로 코드 스타일을 일치시키도록 하고, 저장 시 자동으로 포맷팅되도록 설정하는 것이 유용합니다.

이렇게 함으로써, Prettier를 사용하여 코드를 작성할 때 항상 일관된 줄바꿈 규칙을 유지할 수 있습니다.