prettier란?

자동으로 코드의 스타일을 관리해주는 도구
저장하면 자동으로 줄바꿈이 일어나고 세미콜론을 넣어주는 등 커스터마이징이 좋음

• 파일 생성 루트 디렉토리 최상단에 .prettierrc라는 파일을 생성

  // 기본설정
  {
    "trailingComma": "all", // 객체 또는 배열이 여러줄일 때 맨 마지막 줄에 쉼표를 붙여줌
    "tabWidth": 2, // 들여쓰기의 크기를 지정
    "semi": true, // 세미콜론 자동 지정
    "singleQuote": true // '를 사용할지 "를 사용할지
  }
  

• 확장프로그램 설치 에디터 확장프로그램에서 Prettier 익스텐션을 검색후 설치

• 옵션 vscode 환경설정에서 Format On Save를 검색후 체크하면 저장할 때 마다 자동으로 코드 변환이 됨