ReferenceVS Code
공식 문서와 YouTube 자료실
VS Code 공식 문서, Fireship·freeCodeCamp·공식 채널 영상과 실습 과제를 주제별로 연결합니다.
자료를 사용하는 기준
확인일: 2026-09-06. 설정 키와 기능의 근거는 VS Code·도구 제작자의 공식 문서로 확인하고, 영상은 화면 흐름과 실습을 연결하는 자료로 사용합니다. 오래된 영상의 설치 명령과 확장을 그대로 복사하기보다 현재 프로젝트의 버전과 이 문서의 설정을 먼저 확인합니다.
아래 YouTube 링크 10개의 제목과 게시자는 YouTube oEmbed 응답으로 확인했습니다. 전체 영상 재생·자막을 모두 검증한 기록은 아닙니다. 추천은 학습 과제와의 관련성을 기준으로 하며 조회수 순위가 아닙니다.
YouTube와 실습 연결
| 영상 · 채널 | 연결 문서와 실습 |
|---|---|
| 25 VS Code Productivity Tips and Speed Hacks — Fireship | 심볼 탐색·Tasks·Rename을 자기 프로젝트에서 재현 |
| Visual Studio Code Crash Course — freeCodeCamp.org | 화면 구조를 익히고 20분 탐색 실습 완료 |
| Code Customization 101: Supercharge VS Code with Profiles — Visual Studio Code | Profile을 만들고 개인 설정과 팀 설정 분리 |
| Working with Java in Visual Studio Code — Java for Beginners — Microsoft Developer | 프로젝트 import와 JDK·테스트 위치 확인 |
| From Zero to Hero: Coding Spring Boot Applications in Visual Studio Code — SpringDeveloper | Spring 서비스를 실행하고 JUnit 테스트 디버깅 |
| How to Run Typescript in VS Code — Train To Code | 로컬 compiler와 source map 디버깅 재현 |
| Go - Writing and debugging fast, reliable and efficient software — Visual Studio Code | Go 테스트 하나를 디버깅하고 CLI와 비교 |
| Getting Started with Python in VS Code (Official Video) — Visual Studio Code | 가상환경을 선택하고 테스트에서 변수 확인 |
| Setting up VS Code for Python Beginners — Visual Studio Code | interpreter와 terminal의 실행 경로 비교 |
| The Story of VS Code — Official Documentary — Visual Studio Code | 언어 서비스·원격 실행·확장 경계를 설명 |
Fireship 영상의 게시자 챕터 중 02:43은 심볼 탐색, 07:14는 Tasks, 10:50은 Rename 실습에 연결됩니다. freeCodeCamp 강의는 처음 화면을 익힐 때, 공식 언어별 영상은 이미 쓰는 프로젝트의 실행·테스트 흐름을 다시 확인할 때 활용합니다.
새 영상은 VS Code 공식 입문 영상 안내와 공식 채널에서 확인할 수 있습니다.
공통 환경·편집·디버깅
| 공식 문서 | 찾을 내용 |
|---|---|
| Settings | User·Remote·Workspace·언어별 우선순위 |
| Profiles | 역할별 환경·내보내기·가져오기 |
| Keyboard shortcuts | 명령 ID·현재 키맵·충돌 확인 |
| Basic editing | 검색·치환·멀티 커서 |
| Code navigation | 심볼·정의·참조·계층 |
| Refactoring | 언어별 Code Action·Rename |
| Tasks | 명령·cwd·problem matcher·background |
| Debug configuration | launch·attach·compound·preLaunchTask |
| Multi-root | folder 설정·이름 있는 workspace 변수 |
| Source Control | diff·stage·commit |
| Merge conflicts | Merge Editor·결과 검토 |
| Extension Marketplace | 확장 ID·권장 목록·관리 |
| Performance issues | extension host·프로세스·bisect 진단 |
formatter·lint
| 공식 문서 | 찾을 내용 |
|---|---|
| Prettier와 linters | 스타일 규칙 충돌을 끄는 이유 |
| Prettier VS Code | 로컬 package·requireConfig·Output |
| eslint-config-prettier | flat config 순서·충돌 검사 |
| VS Code ESLint | fixAll·workingDirectories·진단 |
| typescript-eslint 시작 | 기본 flat config |
| Typed linting | 타입 정보를 쓰는 검사 설정 |
| Oxfmt editor integration | 프로젝트 로컬 LSP·공식 확장 |
| Oxfmt configuration | EditorConfig 지원·설정 탐색 |
| Oxc VS Code | Oxlint·Oxfmt 통합 |
| Code Actions on Save 변경 | explicit·always·never의 도입 근거 |
Java·Spring
| 공식 문서 | 찾을 내용 |
|---|---|
| Java overview | 확장 구성·기능 범위 |
| Red Hat Java | tooling JDK·project JDK·언어 서버 로그 |
| Java projects | 모듈 import·runtime·classpath |
| Maven·Gradle | 빌드 task·dependency |
| Java refactoring | 생성·추출·변환 지원 목록 |
| Java debugging | args·vmArgs·attach·Hot Code Replace |
| Java testing | JUnit·TestNG·Testing UI |
| Java formatting | Eclipse profile·Checkstyle |
| Spring Boot | Spring 확장·Dashboard·프로젝트 생성 |
| Spotless Gradle | formatter engine·import·apply/check |
TypeScript·웹
| 공식 문서 | 찾을 내용 |
|---|---|
| TypeScript overview | built-in 기능 |
| Compiler와 language service | 버전 선택·tsconfig·빌드 |
| Editing TypeScript | 현재 js/ts 설정·inlay hint·CodeLens |
| Refactoring TypeScript | Rename·Extract·import 갱신 |
| TypeScript debugging | sourceMap·outFiles |
| Node debugging | Debug Terminal·launch·attach |
| TS 7 전환 기록 | native compiler·language server 전환 배경 |
| Bun debugger | Bun 프로세스의 별도 debugging 경로 |
Go
| 공식 문서 | 찾을 내용 |
|---|---|
| Go VS Code | 설치·도구 연결 |
| Go 기능 | navigation·Code Action·테스트 |
| Go 확장 설정 | formatTool·gopls 설정 |
| Go debugging | Delve·test mode·원격 경로 |
| gopls settings | gofumpt·local·workspace |
| gofmt | 포맷·목록 출력 |
| goimports | import 추가·제거·정렬 |
| Go workspaces | 여러 모듈의 개발 관계 |
| Go test | test flag·cache |
| Race detector | 지원 조건·동시성 검사 |
| Diagnostics | profiling·pprof |
| golangci-lint | 구성 검증·lint 실행 |
Python
| 공식 문서 | 찾을 내용 |
|---|---|
| Python environments | interpreter·프로젝트 환경 선택 |
| Python editing | Pylance·탐색·타입 분석 |
| Python formatting | 독립 formatter 확장 |
| Python testing | pytest discovery·debug |
| Python debugging | debugpy·program/module·환경 |
| Jupyter kernels | notebook kernel 선택 |
| Ruff formatter | lint 호환성·format/check |
| Ruff editor setup | formatter·fixAll·organizeImports |
| Ruff editor settings | tool 경로·설정 해석 |
| Ruff VS Code | 확장 ID·설치·버전 선택 |
| Pyright configuration | typeCheckingMode·include·가상환경 |
| uv projects | lock·sync·run |
원격 개발
- Remote SSH: 원격 host·확장 설치·포트
- WSL: Windows UI와 Linux 개발 환경
- Dev Containers: toolchain·이미지·mount·확장
새 버전으로 갱신할 때는 문서 링크의 존재만 확인하지 않는다. 설정 키·확장 ID·runtime 조건· 실제 저장 결과·테스트 debug를 다시 검토하고 확인일을 갱신한다. 삭제된 영상을 검색 결과 페이지로 대체하기보다 현재 공식 자료를 연결하고 기존 영상의 상태를 기록한다.
YAML·Shell 보충 자료
- yamllint 설정: 규칙과 대상 파일을 확인합니다.
- Red Hat YAML 확장: 스키마와 편집기 진단을 연결합니다.
- shfmt: Shell 방언과 포맷 옵션을 확인합니다.
- ShellCheck: 인용·변수·실행 규칙 진단을 읽습니다.
- EditorConfig: 파일별 들여쓰기와 텍스트 규칙을 확인합니다.
문서 갱신 기준
설정 키·확장 ID·runtime 조건이 바뀌면 본문 예제와 연결된 CLI 명령을 함께 검토합니다. 검증일은 실제 확인 범위와 함께 갱신하고, 재생되지 않는 영상은 상태를 확인한 뒤 현재 공식 자료로 대체합니다. 문서 원본은 이 Docs 영역에서 유지합니다.