Prettier설정_코딩스타일 통일하기

Prettier는 코드스타일 자동정리도구이다. 

공식문서 :  https://prettier.io/docs/en/options.html

Prettier · Opinionated Code Formatter

 

여러 개발자가 한 팀에서 일하게 되는 경우, 사소한 코딩 스타일 차이로 의견 충돌이 일어날 수 있다.

Prettier를 사용하여 표준 코딩 스타일을 정해놓은 뒤 작업을 하는 것이 좋다.

 

 

Prettire는 전체 코드베이스에서 일관된 코드 스타일을 적용하며

프로젝트의 최상위 디렉터리(root)에 파일을 생성하면 된다.

{
  "singleQuote" : true,
  "semi" : true,
  "useTabs" : false,
  "useWidth" : 2,
  "trailingComma" : "all",
  "printWidth" : 80
}

 

Quotes

''인지 ""인지 따옴표를 설정

 

Semicolons

default : true

명령문의 끝에 세미콜론을 인쇄

 

useTab

default : false

탭을 사용하여 줄을 들여씀

 

trailingComma

default : es5 // none , all 

여러 줄 쉼표로 구분된 구문 구조에서 가능한 한 후행 쉼표를 인쇄

* trailling comma (후행쉼표)

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Trailing_commas

 

 

Print Width

프린트가 줄바꿈할 길이를 지정

 

 

 

 

이상으로

자바스크립트 코드 포맷터인 Prettier의 개념과 사용법을 간단하게 알아보았습니다.

다른 개발자들과 프로젝트를 할 경우 Prettier을 잘 활용해서 통일된 코딩스타일로 개발해 봐야겠습니다!