[Config] Prettier 설정하기

prettier란,
정해진 규칙에 맞게 자동으로 코드를 고쳐주는 툴이다.

1. VS Code - Extension

• Prettier - Code formatter 설치
  (*설치가 되어있지 않으면, 아래 빨간색으로 표시해둔 버튼이 Install로 나온다.)
  

2. VS code ▶️ File ▶️ Preferences ▶️ Settings

• Formatter 검색
• Editor: Default Formatter → Prettier - Code formatter로 변경
• Editor: Format On save에 ✅ 체크 표시하기
  저장 시, Prettier - Code formatter에 의해 자동 정렬된다.
  

3. 🎨 prettier 커스텀이 하고 싶을 때,

• .prettierrc.json 파일 생성
• 생성한 파일에 규칙 정의하기
  {} 안에 원하는 옵션을 작성해주면 된다.

  {
  	"singleQuote": true,
    	"semi": true,
    	"tabWidth": 2,
    	"trailingComma": "all"
  }