Prettier는 코드 포맷팅 도구로, 일관된 스타일로 코드를 자동으로 포맷팅해주는데 사용됩니다. TypeScript 코드의 Prettier 설정 파일을 생성하는 방법을 알아보겠습니다.

Prettier란 무엇인가요?

Prettier는 코드 포맷팅 도구로, 코드의 스타일을 관리하고 일관된 형태로 유지할 수 있도록 도와줍니다. 코드를 작성할 때 일관된 스타일로 작성하고, Prettier를 사용하여 코드를 자동으로 정리할 수 있습니다.

Prettier 설정 파일 생성하기

Prettier 설정 파일을 생성하려면 프로젝트 루트 디렉토리에 .prettierrc 또는 prettier.config.js 파일을 만들어야 합니다. 이 파일에 Prettier의 설정 옵션을 지정할 수 있습니다.

touch .prettierrc

또는

touch prettier.config.js

설정 파일 예시

.prettierrc 파일에 예시 설정을 추가해보겠습니다.

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

이렇게 설정 파일을 생성하고 원하는 옵션을 추가하여 Prettier를 프로젝트에 통합할 수 있습니다.

결론

Prettier 설정 파일을 생성하여 프로젝트에 Prettier를 쉽게 통합할 수 있습니다. 이를 통해 코드 포맷팅을 통일화하여 가독성을 높이고 유지보수를 용이하게 할 수 있습니다.

이상으로 Prettier 설정 파일 생성하기에 대해 알아보았습니다.

참고 문헌:

• Prettier 공식 문서

• Prettier GitHub 저장소

부가적으로 참고하면 좋을 링크:

• TypeScript 프로젝트에 Prettier 설정하기