VS Code 소개 및 필수 확장 프로그램
Visual Studio Code(VS Code)는 전 세계에서 가장 많이 사용되는 압도적인 1위 코드 에디터입니다. 마이크로소프트에서 개발한 이 에디터의 가장 큰 장점은 전 세계 개발자들이 만들어 올린 수만 개의 확장 프로그램(Extensions)을 레고 블록처럼 조립해 나만의 완벽한 개발 환경을 구축할 수 있다는 점입니다.
프론트엔드 필수 확장 프로그램 (Extensions)
Live Server
HTML/CSS 코드를 수정하고 저장할 때마다 브라우저를 수동으로 새로고침할 필요 없이 자동으로 즉시 화면을 갱신해 주는 필수 도구입니다.
Prettier - Code formatter
코드를 대충 작성해도 저장하는 순간 들여쓰기와 띄어쓰기를 완벽하게 각 잡아서 자동 정렬해 주는 마법 같은 도구입니다.
Material Icon Theme
밋밋한 텍스트 파일 아이콘을 디자인 툴이나 프레임워크 로고 등 수백 가지의 세련된 아이콘으로 바꾸어 주어 직관적인 파일 관리를 돕습니다.
Auto Rename Tag
<div>를 <section>으로 변경할 때, 닫는 태그 </div>도 동시에 똑같이 자동으로 변경해 줍니다. 타이핑 실수를 원천 차단합니다.