1. Prettier

Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포멧팅하는 코드 포멧터이다.

코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와는 성격이 다르다.

즉, 코드를 예쁘게 정렬해주는 역할

2. Prettier는 왜 사용하는가?

Prettier를 사용하는 가장 큰 이유는 공통된 코딩 스타일 가이드를 통해 스타일에 대한 토론을 중단하고 시간과 비용을 아끼기 위해서 사용한다. ESLint와 다른 점은 ESLint처럼 코드 구현 방식이 아닌 줄 바꿈, 공백, 들여쓰기 등 에디터에서 ‘텍스트’를 일관되게 작성하도록 도와준다.

3. Prettier를 적용하는 방법

• .prettierrc 설정 파일 사용
• VScode 전역 설정 파일 사용
• Prettier 패키지 설치 후 CLI 사용

4. Prettier을 세팅하는 방법 (2가지)

1. 별도의 prettier 관련 플러그인을 npm,yarn으로 설치하지 않고 VScode의 extension 설치

   

cmd+shift+p를 눌러서 검색 창에 Open User Settings로 들어가서 prettier를 검색하면, prettier 관련 설정할 수 있는 리스트들이 나타나는데 여기서 입맛에 맛게 설정한다.