22기 · 바이브코딩 온보딩
☰ 전체 목차 (30꼭지)펼치기

환경 세팅 A. VS Code 설치와 첫 실행

VS CodeAI와 함께 파일을 보고 고치는 작업 공간입니다. 이 페이지에서는 설치, 한글화, 기본 화면 확인까지 합니다.

준비물

  • 인터넷 연결
  • Windows 10/11 또는 macOS 11 이상
  • Claude 계정

Windows 사용자명이 한글이어도 계정 이름을 바꿀 필요는 없습니다. 대신 프로젝트 폴더는 나중에 C:\dev\life-wiki처럼 영문 경로에 만드는 편이 덜 헷갈립니다.

1단계. 다운로드

공식 다운로드 페이지로 갑니다.

VS Code 다운로드

Windows라면 보통 큰 Windows 버튼을 누르면 됩니다. Mac은 Apple Silicon(M1/M2/M3/M4)인지 Intel인지 모르겠으면 Universal 버전을 받으면 됩니다.

2단계. 설치

Windows에서는 다운로드한 .exe 파일을 실행합니다. 설치 중 PATH에 추가가 보이면 체크하는 것을 권장합니다. 나중에 터미널에서 code .로 현재 폴더를 열 수 있어서 편합니다.

Mac에서는 압축을 풀고 Visual Studio Code 앱을 Applications 폴더로 옮긴 뒤 실행합니다.

3단계. 화면에서 5곳만 기억하기

처음에는 전부 외울 필요가 없습니다.

위치역할
왼쪽 아이콘 줄파일, 검색, Git, 확장 기능을 여는 곳
왼쪽 파일 목록지금 열어둔 폴더의 파일을 보는 곳
가운데파일 내용을 읽고 고치는 곳
아래 터미널명령어 실행 결과가 나오는 곳
오른쪽/옆 패널AI 채팅창이 열리는 곳

4단계. 한글화

  1. 왼쪽의 확장 아이콘을 누릅니다.
  2. 검색창에 Korean Language Pack을 입력합니다.
  3. Microsoft가 만든 Korean Language Pack을 설치합니다.
  4. Ctrl + Shift + P를 누르고 Configure Display Language를 찾습니다.
  5. 한국어를 선택하고 VS Code를 다시 시작합니다.

5단계. Claude에게 확인시키기

설치가 끝났다면 VS Code 안의 AI에게 이렇게 물어볼 준비가 된 것입니다.

나는 VS Code를 처음 써.
지금 화면에서 파일 탐색기, 확장, 터미널이 어디 있는지
초보자 기준으로 알려줘.

다음 페이지에서 Claude Code를 연결합니다.