단말 분석 중...
코딩의 첫걸음,
VS Code 완벽 입문 가이드
프로그래밍을 처음 시작하시나요? 전 세계 수천만 개발자가 사용하는 마이크로소프트의 무료 코드 편집기 Visual Studio Code의 다운로드부터 확장 프로그램 설치, 첫 HTML 코딩 및 실시간 브라우저 실행까지 4단계로 알기 쉽게 설명해 드립니다.
4단계 입문 커리큘럼
아래 카드를 클릭하면 각 단계별 상세 가이드로 이동합니다.
Step 01
⏱ 5 min
1. 설치하기
1. Installation
1. インストール
Windows 및 Mac 운영체제별 다운로드 방법, 설치 마법사 권장 옵션 및 한국어 언어 팩(Koext) 설정법을 알아봅니다.
설치 가이드 보기 →
Step 02
⏱ 4 min
2. 확장 프로그램
2. Extensions
2. 拡張機能
코드 자동 정렬 Prettier, 브라우저 실시간 새로고침 Live Server, 예쁜 아이콘 테마 등 초보자 필수 확장 도구들을 설치합니다.
추천 확장 보기 →
Step 03
⏱ 3 min
3. 첫 프로젝트 만들기
3. First Project
3. 初めてのプロジェクト
초보자가 가장 많이 실수하는 '폴더 열기(Open Folder)' 작업 공간 개념과 HTML/CSS 기본 코드 자동 생성(Emmet 단축키)을 실습합니다.
프로젝트 생성법 →
Step 04
⏱ 3 min
4. 실행 및 확인
4. Run & Preview
4. 実行と確認
Live Server로 브라우저를 띄워 실시간 코딩 결과를 확인하고, 한글 깨짐 및 버튼 미표시 등 초보자 단골 오류 해결법을 학습합니다.
실행 방법 확인 →초보자가 외워두면 평생 편한 필수 단축키 Top 5
파일 저장 (Save)
Ctrl + S
(Mac: ⌘+S)
명령 팔레트 (Command Palette)
Ctrl + Shift + P
(Mac: ⌘+⇧+P)
코드 자동 정렬 (Prettier Format)
Shift + Alt + F
(Mac: ⇧+⌥+F)
사이드바 토글 (Toggle Sidebar)
Ctrl + B
(Mac: ⌘+B)
내장 터미널 열기 (Open Terminal)
Ctrl + `
(Mac: ⌃+`)