VS Code란?

메모장은 글만 쓰고 — VS Code는 코드를 위한 스마트 에디터
입력할 때 자동 완성, 오류 표시, 디버그까지 한 번에
Extensions으로 Python · JavaScript · Go 등 모든 언어 지원
Microsoft가 만든 무료 오픈소스 — Windows / macOS / Linux 모두 사용 가능

디버그란?

코드에 숨은 버그(오류)를 한 줄씩 따라가며 잡아내는 과정
멈추고 싶은 줄에 중단점 설정 → F5 실행 → 그 줄에서 일시 정지
변수 값이 뭔지, 어디서 꼬였는지 눈으로 직접 확인 가능

Python 개발 필수 확장

• Pylance — 빠른 타입 체크 & 자동 완성
• Python Debugger — 디버거 강화
• Jupyter — .ipynb 파일 편집
• Black Formatter — 저장 시 코드 자동 정렬
• Ruff — 초고속 오류 감지
• GitLens — Git 히스토리 시각화
• Error Lens — 에러 인라인 표시

웹 개발 필수 확장

• Live Server — HTML 저장하면 브라우저 자동 새로고침
• Prettier — 저장 시 코드 자동 정렬 (HTML · CSS · JS · React)
• ESLint — JS · React 오류 실시간 감지
• ES7+ React/Redux Snippets — React 코드 단축 입력
• Auto Rename Tag — HTML 여는/닫는 태그 짝 자동 수정
• GitLens — Git 히스토리 시각화
• Error Lens — 에러 인라인 표시

자주 쓰는 단축키 (Windows) — 터미널 포함