플러그인 설치

(확장 프로그램)

ESLint

• ECMA 스크립트 → 자바스크립트 문법 검사
• 처음 보는 것들을 할때는 한번 읽어봐!! 문서가 중요하다구링
• 추가적으로 내가 설정하고 싶으면 구성파일을 건들면 됨

(예를 들어 자바스크립트는 쌍따옴표, 홑따옴표 모두 지원하지만 둘 중에 하나만 쓰고, 나머지 하나는 오류로 처리하고 싶다 → 그럼 내가 설정하면 됨)

On new folders you might also need to create a .eslintrc configuration file. You can do this by either using the VS Code command Create ESLint configuration or by running the eslint command in a terminal.

Prettier

• 코드 자동 정렬할때 어떻게 정렬할지를 정의

• 원하는 상태로 이쁘게 변형시켜줌 → 가독성을 위함

  • 파일 > 설정 > default formatter 설정까지 마쳐줘야 적용이 가능하다

  

Reactjs code sinpets

• 자동 키완성을 지원해줌 (자바의 sysout 같은 역할!!!)

  

  단축키를 이용하면 손쉽게 기본 틀을 갖출 수 있다

  (우리 html 할때 ! 치던 너낌쓰)

  더 자세한 정보는 설치 페이지 밑 문서를 확인하자

  

터미널에서 ctrl+C : 실행중인 프로세스를 빠져나올 때 쓰는 키

VS code 세팅