안녕하세요.
오늘은 Prettier이라는 도구에 대해 알려드리고자합니다.

개발자는 각자의 코딩스타일이 존재합니다.
그러다보니 같은 프로젝트에서도 작성하는 소스마다 스타일이 제각기 다르기 일쑤입니다.

그럴 때 도입하면 좋은 것이 Prettier입니다.

1. 사용방법

프로젝트 root 폴더에 .prettierrc 라는 파일을 생성한 뒤,

{
  "tabWidth": 2,
  "useTabs": false,
  "trailingComma": "es5",
  "semi": false,
  "singleQuote": true,
  "arrowParens": "always",
  "printWidth": 400
}

위 예시와 같이 원하는 옵션을 JSON 형식으로 작성해주면 됩니다.
아래 configuration을 참고하여 작성해봅시다.

https://prettier.io/docs/en/configuration.html

대부분의 코드 편집기들은 이를 인식하고 format on save 등의 기능을 제공합니다.

이는 코딩스타일의 일관성을 더욱 편리하게 지킬 수 있도록 만들어줍니다.

이 파일을 git repository에 추가하면 모든 작업자가 동일한 코딩 스타일을 가질 수 있게 됩니다.

2. 참고사항

필자는 Visual Studio Code를 사용하는데,
extension 중 Prettier을 설치하여 사용중입니다.
만약 VS code를 사용한다면 꼭 설치해보도록 합시다.
생산성이 대폭 늘어납니다.
Prettier과 eslint를 활용해 airbnb style guide와 같은 프리셋을 따를 수도 있습니다.