jsx/tsx, single quote 설정 (prettierrc, eslint)

0. vscode extension에서 prettier, eslint 설치

 

1. 기본 포맷터를 prettier로 설정

 

2. fomat on save : 체크하기

 

 

3. tsx 파일 Single Quote 설정

3-1. eslint 설정

 

3-2. .prettierrc 설정

 

4. 완성! 이제 저장하면 tsx 파일의 quote 들 모두 자동으로 single quote으로 fomatting 된다