[JS] Prettier로 문자열 single quotes 입력 설정하기

• 사용 계기

• 방법 

사용 계기

우테코 프론트엔드를 준비하면서 Javascript 작성 가이드를 확인했다.

https://github.com/airbnb/javascript

GitHub - airbnb/javascript: JavaScript Style Guide

여길 보면 문자열 작성 가이드에 single quotes, 작은 따옴표를 사용을 권장한다.

근데 나는 Prettier 를 사용하면서 코드를 깔끔하게 입력하는 법을 배우고 있었는데 Prettier 기능의 기본 값이 쌍따옴표이다.

(혹시 Prettier를 사용하고 싶으신 분들은 VSCode 에서 확장에 Prettier 검색하여 사용하시면 됩니다!)

코드를 입력하고 파일을 저장해야 commit을 할 수 있는데 저장할때마다 Prettier가 계속 따옴표로 바꿔주었다.

처음에는 일단 구현 먼저 하고 나중에 바꿀 생각이었는데 너무 번거로울 것 같고 분명 설정하는 방법이 존재할 것 같다는 생각이 들어서 찾아보기 시작했다.

 

방법 

역시 찾아보니 방법이 존재했다..

https://modolee-blog.tistory.com/5

Prettier로 코드 포맷 통일하기

해당 글을 참고했는데 프로젝트에 파일을 추가하고 gitignore에 .prettierrc.json 파일을 추가하는 게 익숙하지 않아서 시간이 걸릴 것 같았다.

조금 더 편한 방법을 찾아볼 수 있을 것 같았다.

 

그래서 설정에서 prettier을 검색하니 다양한 옵션이 나왔는데 여기서 single을 치니 single quotes를 체크하는 버튼이 있었다.

Prettier: Single Quote  (JSX도 원한다면 같이 체크하면 된다.) 버튼을 누르니 이제 save만 해도 자동으로 작은 따옴표로 설정된다. ㅎㅎ

다른 포맷을 자동으로 설정하고 싶으면 그렇게 써볼 예정이다 

찾아보니 문자열도 내가 원하는대로 설정하면 맞춰서 설정해주는데 편리할 것 같다.

 

나아가 나중에 프로젝트를 진행할 때 코드 포맷을 정한 상태로 프로젝트를 진행한다면 prettier를 커스텀해서 사용해볼 수 있을 것 같다!