[typescript] Prettier와 Express 프레임워크 통합하기

08 Dec 2023

typescript

Prettier는 코드 포맷터로, 일관된 코드 스타일을 유지하고 유지보수를 쉽게하는 데 도움을 줍니다. Express는 Node.js 애플리케이션을 위한 강력한 웹 프레임워크입니다. 이 글에서는 Prettier를 Express 프로젝트에 통합하는 방법에 대해 알아보겠습니다.

Prettier란 무엇인가?

Prettier는 자바스크립트, TypeScript, CSS 등 다양한 언어에 대한 코드 포맷팅 도구입니다. 코드를 일관된 형식으로 포맷팅하여 가독성을 향상시키고 협업을 쉽게 합니다.

Express 프로젝트에 Prettier 통합하기

의존성 설치: 먼저 Express 프로젝트 폴더에서 Prettier를 설치합니다.
```
 npm install --save-dev prettier
```
Prettier 구성 파일 생성: 프로젝트 루트에 .prettierrc 파일을 생성하고 Prettier 옵션을 설정합니다.
```
 {
   "semi": false,
   "singleQuote": true
 }
```

포맷팅 스크립트 추가: package.json 파일에 포맷팅 스크립트를 추가합니다.

 "scripts": {
   "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\""
 }

코드 포맷팅: 프로젝트에서 npm run format 명령어를 실행하여 코드를 자동으로 포맷팅합니다.

이제 Express 프로젝트에서 Prettier를 통합했습니다! 코드 변경 시 Prettier를 실행하여 일관된 형식을 유지할 수 있게 됩니다.

마무리

이제 Express 프로젝트에서 Prettier를 통합하는 방법에 대해 알아봤습니다. Prettier를 사용하면 코드 작성 및 유지보수가 더욱 편리해지며, 팀원 간의 협업도 원활해집니다.

Prettier 및 Express에 대해 더 자세히 알아보려면 아래 링크를 참고하세요.