Prettier는 코드 포맷팅 도구로, 일관된 코드 스타일을 유지하고 가독성을 향상시킵니다. 프로젝트 팀원들 간에 Prettier 설정 파일을 공유하여 일관된 코드 포맷을 유지할 수 있습니다. 이 문서에서는 TypeScript 프로젝트용 Prettier 설정 파일을 만들고 공유하는 방법에 대해 알아보겠습니다.

1. Prettier 설정 파일 생성

먼저 프로젝트 루트 디렉토리에 .prettierrc 파일을 생성합니다. 이 파일에는 Prettier의 설정이 JSON 형식으로 작성됩니다. 다음은 간단한 예시입니다.

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

위의 예시에서, singleQuote는 작은따옴표를 사용할지 여부를 설정하고, semi는 세미콜론을 사용할지 여부를 설정합니다. 더 많은 설정 옵션에 대해서는 Prettier 공식 문서를 참고하세요.

2. 설정 파일 공유

.prettierrc 파일을 프로젝트 루트 디렉토리에 추가한 후, 팀원들과 함께 버전 컨트롤에 커밋하여 설정 파일을 공유하세요.

3. 프로젝트 설정

마지막으로, 프로젝트에 Prettier를 적용하기 위해 개발 환경에 맞는 통합 개발 환경(IDE)나 코드 에디터에 Prettier 확장을 설치하고, 설정 파일이 올바르게 인식되도록 프로젝트 설정을 수정하세요.

이제 Prettier 설정 파일을 공유하여 팀원들 간에 일관된 코드 스타일을 유지할 수 있게 되었습니다. 코드 포맷팅은 고민하지 마시고 Prettier가 모든 것을 처리하도록 해보세요!