자바스크립트에서는 문자열을 표현할 때 작은따옴표를 써도 되고 큰따옴표를 써도 됩니다. 세미콜론은 코드의 뒷부분에 무조건 있어야 하는 문자가 아닙니다. 이는 단순히 코딩 관습의 차이일 뿐입니다. 주로 협업하는 과정에서 정하는 규칙이고, 사람들마다 다른 방식을 사용합니다.

Prettier의 장점은 이러한 스타일을 쉽게 커스터마이징할 수 있다는 것입니다. 현재 열려 있는 프로젝트의 루트 디렉터리(src, public 디렉터리들이 위치한 곳)에서 .prettierrc라는 파일을 생성한 후 다음 내용을 입력해 보세요.

.prettierrc

{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2
}

---

 

이 파일에서는 들여쓰기를 할 때 탭 대신 공백을 두 칸 사용하도록 했습니다. 그리고 큰따옴표 대신 작은 따옴표를 쓰게 했고, 세미콜론은 언제나 붙이도록 설정했습니다. Prettier에서는 이 외에도 다양한 코드 스타일을 사전 설정할 수 있습니다. 이에 대한 내용은 Prettier Options 페이지 (https://prettier.io/docs/en/options.html)를 참고하세요.