Prettier는 코드 포맷팅 도구로, 코드를 일관된 형식으로 자동으로 정렬해주는데 효과적인 도구입니다. 하지만 Prettier를 사용할 때 몇 가지 주의할 점이 있습니다. 이 블로그에서는 Prettier 사용 시 주의할 점에 대해 살펴보겠습니다.

명시적인 구성

Prettier의 기본 설정값은 대부분의 경우에서 잘 작동하지만, 프로젝트에 따라 다른 설정값이 필요할 수 있습니다. 예를 들어 들여쓰기(Indentation), 세미콜론 사용 여부, 최대 줄 길이 등은 프로젝트마다 다를 수 있습니다. 명시적인 구성 파일을 추가하여 프로젝트에 맞게 Prettier를 사용하는 것이 좋습니다.

예시로, prettier.config.js 파일을 프로젝트 루트 디렉토리에 추가하여 필요한 설정값을 지정할 수 있습니다.

충돌하는 규칙

일부 개발자들은 ESLint와 같은 다른 도구를 사용하여 코드 스타일을 검사하는 경우가 있습니다. 이 경우 Prettier가 ESLint와 충돌하는 경우가 발생할 수 있습니다. 이를 방지하기 위해 Prettier의 설정값과 ESLint의 설정값을 일치시키는 것이 중요합니다.

또한, Prettier와 코드 품질 도구인 ESLint, TSLint 등의 설정값이 충돌하지 않도록 하는 것이 중요합니다.

파일 무시

특정 파일이나 디렉토리를 Prettier의 변환 대상에서 제외하려면 .prettierignore 파일을 추가하여 해당 경로를 명시해주어야 합니다. 예를 들어 테스트 파일, 빌드 파일 등을 Prettier의 대상에서 제외할 수 있습니다.

팀과의 협의

Prettier를 도입하기 전에 팀원들과 충분한 협의를 통해 사용 방법을 정의하는 것이 중요합니다. 모든 팀원이 동의한 후에 Prettier를 도입하고, 팀 내에서 지속적으로 코드 포맷팅에 대한 규칙을 준수하도록 하는 것이 좋습니다.

위의 내용들을 고려하면, Prettier를 사용하는 프로젝트에서 혼란과 충돌을 최소화하고 코드의 일관성을 유지할 수 있습니다.

더 많은 정보를 원하신다면, Prettier 공식 문서를 참고해 주세요.

위 내용은 TypeScript에서 Prettier를 사용할 때 주의할 점에 대한 내용을 다룬 것입니다.