{풀스택} JavaScript 2강 - VSCode 세팅, 유용한 Extension 설치와 단축키 등

Описание

SSAC(싹) 스타트업 풀스택 개발자 과정 - 자바스크립트 제대로 배우기 2강으로 VSCode의 유용한 확장팩(Extension)을 설치하고 단축키도 알아봅니다.

ESLint, Prettier를 비롯해 유용한 확장팩을 웹개발과 자바스크립트 개발에 맞춰 설치하고, 자주 사용하는 단축키도 알아봅니다.

* 강의 슬라이드: https://docs.google.com/presentation/d/1z_EWFuCET0zXPBJotjItnEnFQNcav_faHongUDnpy1c/edi #slide=id.ge0528f5b96_0_6

00:00 인트로(소개)
02:03 indent-rainbow
02:17 Bracket Pair Colorize 2
03:03 Code Spell Checker
03:26 Better Comments
03:42 TODO Highlight (FIXME)
04:20 Auto-open Markdown Preview
05:18 Rest Client
07:45 VSCode 꾸미기(Customizing)
07:48 Cascadia Code 폰트 설치
08:35 Cobalt2 Theme Official (훌륭한 테마 설치)
09:26 Material Icon Theme
10:14 advanced-new-file
12:23 File Utils
13:51 다른(SublimeText, Atom) Editor 단축키 연동
14:41 VSCode Settings (기타 설정)
15:55 Open in Browser
16:05 Auto Rename Tag
17:34 Live Server
18:46 Live SASS Compiler
21:30 HTML CSS Support
25:11 IntelliSense CSS class
25:48 CSS Peek
26:21 Polacode
27:21 Live SASS Compiler 추가 설정
29:46 자주 사용하는 단축키
35:12 ESLint & Prettier 설치
37:56 JavaScript(ES6, React/Redux/GraphQL,React-Native) code snippets
39:44 Turbo Console Log
43:00 ESLint 세부 설치(npm) 및 설정(eslintrc.js)
55:38 기타 유용한 확장팩Extensions

#풀스택 #JavaScript #VSCode