Colin's Blog
[javascript] Prettier를 사용하여 다른 개발자와의 협업 시 생기는 형식 관련 갈등을 예방하는 방법은 무엇인가?

협업하면서 다른 개발자들 간에 코드 스타일에 대한 의견 차이로 인한 갈등이 발생하는 경우가 많습니다. 이러한 갈등을 예방하고 코드베이스를 일관된 형식으로 유지하기 위해 Prettier와 같은 코드 포매터를 사용하는 것이 좋은 방법입니다.

Prettier란 무엇인가?

Prettier는 코드를 자동으로 형식화해주는 도구로, JavaScript, TypeScript, CSS, Markdown 등 다양한 언어를 지원합니다. Prettier를 사용하면 개발자들이 각자의 취향에 따라 다른 형식을 사용하는 것을 방지하고, 코드베이스를 일관된 형식으로 유지할 수 있습니다.

Prettier의 장점

Prettier를 사용하는 것에는 여러 가지 장점이 있습니다.

Prettier 사용 방법

  1. Prettier 설치: 프로젝트에 Prettier를 설치합니다. 
    npm install --save-dev --save-exact prettier
  2. 설정 파일 생성: 프로젝트 루트에 .prettierrc 파일을 만들고, 코드 포맷 설정을 적용합니다. 
    {
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 120
}
  3. 통합: 프로젝트에 Prettier를 통합하여 코드를 자동으로 형식화합니다. 
    npx prettier --write .

Prettier를 함께 사용하는 방법

Prettier를 함께 사용하기로 결정했다면, 다음과 같은 단계를 따라야 합니다.

  1. 팀 내 합의: 모든 팀원이 Prettier를 사용하기로 합의해야 합니다.
  2. 구성: 개발 환경에 Prettier를 구성하고 설정 파일을 프로젝트에 추가합니다.
  3. 교육: 팀원들에게 Prettier의 사용 방법과 장점에 대해 교육합니다.
  4. 실행: 모든 코드를 Prettier로 자동 포맷팅하고, 이후부터는 모든 코드에 대해 Prettier를 사용합니다.

Prettier를 사용하여 형식 관련 갈등을 예방하고, 팀의 생산성을 향상시킬 수 있습니다.

참고문헌:

© 2018 Colin. All rights reserved.