오시기 전에 해두실 4가지 — 설치는 각자 미리, 강의는 실습만.
대상: 클로드코드를 처음 쓰시는 사업관리·어드민 담당자 · 소요 40~60분 · Windows 10/11 기준
| # | 항목 | 확인 방법 | 완료 |
|---|---|---|---|
| 1 | Claude 유료 결제(Pro 이상) | claude.ai 로그인 → 요금제가 Pro로 표시 | ☐ |
| 2 | Node.js 설치 | 명령어 창에 node -v → v18 이상 출력 | ☐ |
| 3 | Claude Code 설치·로그인 | 명령어 창에 claude → 실행됨 | ☐ |
| 4 | Git 설치 | 명령어 창에 git --version → 버전 출력 | ☐ |
| 5 | Playwright 설치 | 5번 절차 → 브라우저 창이 뜸 | ☐ |
| 6 | 작업 폴더 1개 생성 | 예: 바탕화면\클로드실습 | ☐ |
powershell 이라고 치면 나오는 검은(또는 파란) 창입니다.cmd(명령 프롬프트)를 여셔도 아무 상관 없습니다. 아래 명령어는 둘 다에서 똑같이 동작하니 편한 쪽으로 여시고, 명령어를 붙여넣은 뒤 Enter를 치시면 됩니다.node -v
→ v20.x.x 처럼 숫자가 나오면 성공입니다. (v18 이상이면 OK)
명령어 창에서 아래를 차례로 실행합니다.
npm install -g @anthropic-ai/claude-code
claude
/exit 또는 창 닫기.git --version
→ git version 2.x.x 가 나오면 성공.
브라우저를 대신 클릭·입력해주는 자동화 도구입니다. 이번 실습의 핵심이라 반드시 준비해주세요.
① 6번에서 만든 작업 폴더로 이동 (경로는 본인 것으로)
cd C:\Users\사용자명\Desktop\클로드실습
② 설치
npm init -y
npm install -D @playwright/test
npx playwright install chromium
③ 동작 확인 — 실행하면 브라우저 창이 하나 열립니다.
npx playwright codegen https://www.naver.com
창이 뜨고, 마우스로 클릭할 때마다 옆 창에 코드가 자동으로 쌓이면 준비 완료입니다. 이게 강의 때 쓸 기능입니다. 창은 그냥 닫으셔도 됩니다.
클로드실습 같은 폴더를 하나 만들어 주세요.| 증상 | 대처 |
|---|---|
| 설치 명령어에서 "권한이 없습니다" | 명령어 창을 관리자 권한으로 실행 후 재시도 |
node, git을 찾을 수 없다고 나옴 | 설치 후 명령어 창을 새로 열어야 인식됩니다 |
한글이 ???, 깨짐으로 나옴 | 인코딩(UTF-8) 문제입니다. 당일에 함께 해결합니다 |
| 회사 보안 프로그램이 설치를 막음 | 강의 전 미리 알려주세요. 개인 노트북 사용 등 대안을 잡습니다 |
| 뭔지 모르겠는 영어 화면이 뜸 | 캡처해서 클로드에게 그대로 붙여넣고 "이거 뭐야? 어떻게 해?"라고 물어보세요. 대부분 여기서 풀립니다 |
설치가 매끄럽지 않은 게 정상입니다. 제가 처음 이걸 혼자 붙잡았을 때는 일주일이 걸렸습니다. 여러분은 그 구간을 건너뛰시라고 이 안내서를 드립니다.
막히면 캡처해서 보내주세요. 그게 가장 빠릅니다.