[내일배움캠프] 2022-12-26 TIL

Prettier 사용법

문제점

항상 일정한 코드 포맷을 만들고 싶다

협업 시 팀만의 코드 포맷이 필요하다

시도해본 것들

그동안 생각만 해보았지 툴을 찾아보려고 하지 않았다..

해결

Prettier 플러그인을 활용한다

알게 된 점

// .prettierrc.js

module.exports = {
  trailingComma: 'es5', // 코드 맨 뒤에 콤마(,)를 붙일수 있는 경우 ES5에서 허용되는 부분까지만 붙임
  tabWidth: 2,          // 들여쓰기 한번에 2만큼의 스페이스로 구성
  semi: true,           // 코드 뒤에 세미콜론을 붙임 (코드 맥락 파악에 중요)
  singleQuote: true,    // 문자열 표기 시 외따옴표 사용 (편의성이 좋음)
  arrawParens: 'always' // Arrow function에서 파라미터에 괄호를 항상 붙임 (일관성을 높임)
}