VS Code 설치와 설정
VS Code(Visual Studio Code)는 전 세계 개발자가 가장 많이 쓰는 코드 에디터입니다. 무료이고, 가볍고, Claude Code와 바로 연동됩니다.
설치
- code.visualstudio.com 접속
- 큰 파란 버튼 “Download” 클릭
- 본인 OS에 맞게 다운로드 후 설치
- 설치 후 실행
필수 확장 프로그램 4개
왼쪽 사이드바의 퍼즐 조각 아이콘(Extensions)을 클릭 → 이름 검색 → Install:
| 확장 이름 | 역할 |
|---|---|
| Prettier - Code formatter | 저장 시 코드 자동 정렬 |
| ESLint | 코드 오류를 실시간으로 표시 |
| GitLens | Git 변경사항 시각화 |
| Claude Code | AI 코딩 보조 (이 코스의 핵심 도구) |
기본 설정 권장
Cmd/Ctrl + , 설정 열기 → 다음 2가지 변경:
- Format On Save: 체크 (저장할 때 자동 정렬)
- Tab Size: 2 (웹 개발 표준)
가장 많이 쓰는 단축키 TOP 5
| 단축키 (Mac / Win) | 기능 |
|---|---|
Cmd/Ctrl + P | 파일 빠르게 열기 |
Cmd/Ctrl + Shift + P | 명령 팔레트 (모든 기능) |
Cmd/Ctrl + / | 현재 줄 주석 처리/해제 |
Cmd/Ctrl + ` | 내장 터미널 열기/닫기 |
Cmd/Ctrl + Z | 실행 취소 |
데모에서 연습하기
데모에서 단축키 카드를 클릭하면 명령어를 클립보드에 복사할 수 있습니다. macOS / Windows 전환 버튼도 있습니다.