[javascript] Prettier의 설정 파일을 통해 코드 스타일을 변경하는 방법은 무엇인가?
-
프로젝트 디렉토리에
.prettierrc
파일을 만듭니다. 이는 Prettier 설정 파일이며, JSON 형식으로 작성됩니다.예시:
{ "singleQuote": true, "tabWidth": 4, "semi": false }
위의 예시에서
singleQuote
,tabWidth
,semi
는 Prettier 설정을 나타내는 항목들입니다.singleQuote
: 문자열을 홑따옴표로 지정할지 여부를 설정합니다.tabWidth
: 탭 간격을 지정합니다.semi
: 세미콜론을 사용할지 여부를 결정합니다.
이 외에도 여러 가지 옵션을 사용하여 코드 스타일을 변경할 수 있습니다. 설정 가능한 옵션에 대한 자세한 내용은 Prettier 공식 문서를 참고하시기 바랍니다.
-
설정 파일을 저장한 후에는 해당 프로젝트에서 Prettier를 실행하면 설정 파일에 지정된 스타일로 코드 서식이 변경됩니다.
프로젝트별로 다른 설정을 사용하려면 각 프로젝트의 디렉토리에 별도의 .prettierrc
파일을 만들어 다른 스타일을 적용할 수 있습니다.
프로젝트 전체 설정이 아닌, 특정한 설정을 사용하고 싶을 때에는 Prettier를 실행할 때 옵션을 추가하여 설정을 재정의할 수도 있습니다.
이제 Prettier 설정 파일을 활용하여 코드 스타일을 편리하게 변경하고 개선할 수 있습니다!