01. JSX (3) Prettier 설정
·
✏️ Study/⚛️ React
출처 - 리액트를 다루는 기술(김민준 지음) 1. Prettier란? 코드 스타일을 간편하게 커스터마이징하고 수정해주는 VS Code 확장도구 2. Prettier 설정하기 먼저 VS Code 확장도구 Prettier를 설치한다. 그리고 프로젝트의 루트 디렉터리에서 .prettierrc 라는 파일을 생성한 후 다음 내용을 입력한다 // .prettierrc { "singleQuote": true, // 큰 따옴표 대신 작은 따옴표 사용 "semi": true, // 세미콜론 자동으로 붙임 "useTabs": false, // 들여쓰기 할 때 탭 대신 공백 "tabWidth": 2 // 공백 2칸 사용 } 이후 저장할 때 자동으로 코드 정리되도록 format on save 를 설정해준다