Module 1 · Setup

1.1 · Install VSCode Slide 1

코드를 들여다보고 편집하는 에디터(IDE). 필수는 아니지만 곧 필요해집니다.

# macOS
brew install --cask visual-studio-code
# Windows
winget install Microsoft.VisualStudioCode
# Verify
code --version

code 명령이 없으면 — macOS: VSCode → ⌘⇧P → "Shell Command: Install 'code' command in PATH". Windows: 설치 재실행 후 "Add to PATH" 체크.

1.2 · Install Git Slide 2

변경을 한 커밋씩 추적 → 발표 때 "diff를 따라 걷기". 42에서 매일 쓰던 그 git이에요.

# macOS (보통 Xcode CLT로 이미 있음)
brew install git
# Windows
winget install Git.Git
# Verify
git --version

GitHub 계정/원격은 불필요 — git은 완전히 로컬로 동작합니다. repo는 프로젝트 안의 숨김 .git/ 폴더일 뿐이에요.

1.3 · Install Node.js (LTS) Slide 3

React 프론트엔드를 빌드·실행하는 도구(npm 포함).

# macOS
brew install node
# Windows
winget install OpenJS.NodeJS.LTS
# Verify
node --version    # v20.x.x or v22.x.x
npm --version

또는 nodejs.org → LTS(v20/v22).

1.4 · Install Python 3.11 Slide 4

Flask 백엔드를 돌리는 언어. 버전을 3.11로 맞춥니다.

# macOS
brew install python@3.11
# Windows
winget install Python.Python.3.11
# Verify
python3.11 --version    # Python 3.11.x
py -3.11 --version      # Windows: py 런처로 특정 버전 선택

1.5 · Create your project folder and venv Slide 5

프로젝트 폴더를 만들고, 그 안에 격리된 파이썬 환경(venv)을 켭니다.

# macOS
mkdir ~/ksept-lab && cd ~/ksept-lab
python3.11 -m venv .venv
source .venv/bin/activate

# Windows (PowerShell)
mkdir ~/ksept-lab; cd ~/ksept-lab
py -3.11 -m venv .venv
.venv\Scripts\Activate.ps1

venv isolates installs per project

Windows에서 스크립트가 막히면 한 번만: Set-ExecutionPolicy -Scope CurrentUser RemoteSigned. 확인: which python이 .../ksept-lab/.venv/bin/python으로 끝나야 합니다.

1.6 · Install the Claude Code CLI Slide 6

앱을 대신 스캐폴딩해 주는 AI 코딩 어시스턴트(지금 당신이 쓰는 그것).

# macOS
npm install -g @anthropic-ai/claude-code
# Windows (자체 바이너리, Node 불필요)
irm https://claude.ai/install.ps1 | iex
# Verify
claude --version

cd ~/ksept-lab
code .     # VSCode로 폴더 열기
claude     # 통합 터미널에서 실행 — 첫 실행 시 로그인 안내

1.7 · Get an Anthropic API key Slide 7

당신의 앱이 Claude를 호출할 때 쓰는 열쇠. Claude Code 자체는 자기 로그인이 있어 필요 없고, 이 키는 예제 앱용이에요.

1. console.anthropic.com/settings/keys → Create Key → 지금 복사(다시 안 보임)
2. 루트의 공유 .env 한 곳에 저장:

# macOS
cd ~/ksept-lab
echo 'ANTHROPIC_API_KEY=sk-ant-...your-key...' > .env

# Windows
'ANTHROPIC_API_KEY=sk-ant-...your-key...' | Out-File -Encoding ascii .env

One shared .env, found by walking up the tree