자바스크립트 개발에 유용한 Visual Studio Code Extension 설치하기

JavaScript(ES6) code snippets

이 확장 프로그램은 ES6를 포함한 자바스크립트 코드 자동완성을 지원해 줍니다.
snippet은 재사용 가능한 코드의 작은 조각이고 보면 됩니다.
즉, snippet이라는 이름은 가지고 있는 확장 프로그램들은 미리 등록된 코드 블록을 바탕으로 개발자가 코드를 좀 더 빠르고 정확하게 작성할 수 있도록 해 줍니다.

ESLint

ESLint는 ES와 Lint를 합한 말입니다. ES는 ECMA Script의 줄임말이고, Lint는 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아 놓기 위한 도구입니다. 즉, ESLint는 자바스크립트 문법의 오류를 찾아 주는 확장 프로그램입니다.

Prettier - Code formatter

Prettier는 자바스크립트, 타입스크립트, JSX, JSON, CSS, SCSS, HTML 코드를 미리 지정한 코드 포맷 스타일로 자동 변경해 주는 확장 프로그램입니다.

Live Server

Live Server는 로컬에서 HTML 파일을 바로 웹 서버로 실행할 수 있도록 해 주는 확장 프로그램입니다.