Prettier는 코드 형식을 일관적으로 유지하고 가독성을 높이는 도구로, 주로 프런트엔드 개발에 사용됩니다. 하지만, 서버사이드 언어에도 Prettier를 통합하여 코드 스타일을 통일하고 유지하는 것이 중요합니다. 이번 글에서는 TypeScript와 서버사이드 언어를 함께 사용하는 프로젝트에서 Prettier를 활용하는 방법을 살펴보겠습니다.

Prettier란 무엇인가요?

Prettier는 주로 JavaScript, TypeScript, CSS, Less, Sass, JSON 등의 코드를 자동으로 서식을 맞춰주는 도구입니다. 코드 스타일 가이드에 대한 논쟁을 줄이고 코드 리뷰를 효율적으로 만들어줍니다.

서버사이드 언어와 Prettier 통합하기

서버사이드 언어 중 하나인 TypeScript는 Prettier와 함께 사용하기 좋은 언어입니다. 서버사이드와 클라이언트사이드에서 동일한 코드 스타일을 유지하고자 할 때 Prettier는 매우 유용합니다.

TypeScript 프로젝트에 Prettier 설정하기

먼저, package.json 파일에 Prettier에 대한 의존성을 추가해줍니다.

{
  "devDependencies": {
    "prettier": "latest"
  }
}

그런 다음 프로젝트 루트에 .prettierrc 파일을 만들어 Prettier 설정을 추가합니다.

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

이제 package.json의 scripts 부분에 Prettier를 실행하는 명령어를 추가합니다.

{
  "scripts": {
    "format": "prettier --write \"src/**/*.ts\""
  }
}

이렇게 설정하면 npm run format 명령어를 통해 프로젝트 전체의 TypeScript 파일을 Prettier로 형식을 맞출 수 있습니다.

결론

Prettier는 TypeScript와 같은 서버사이드 언어와도 효과적으로 통합할 수 있습니다. 일관된 코드 스타일을 유지하고 가독성을 높이기 위해 Prettier를 프로젝트에 통합하는 것은 매우 중요합니다.

Prettier 설정 및 사용법에 대한 자세한 내용은 공식 문서를 참고하세요.