01 TRACK 01 / BEFORE YOU START

처음 보는 용어가 많다면

아래 5개만 알면 끝까지 따라올 수 있어요. 지금 다 외울 필요 없습니다 — 막히면 돌아오면 돼요.

배낭을 멘 기상이

Glossary

용어 사전

웹 Claude Code claude.ai/code
설치 없이 웹브라우저에서 대화만으로 코딩하는 AI 도구. 한국어로 "이런 웹페이지 만들어줘"라고 요청하면 코드를 대신 작성하고, 연결된 GitHub 저장소에 자동으로 저장까지 해줍니다.
비유: 코드를 대신 써주고 정리·저장까지 해주는 만능 비서. 말로 설명만 하면 됩니다.
index.html / 정적 웹페이지
브라우저에서 바로 열리는 웹페이지 파일 한 개. 글, 그림, 버튼, 슬라이더 같은 인터랙션이 이 안에 다 들어갑니다.
비유: 한 장짜리 완성된 전단지. 이 파일만 있으면 웹사이트가 됩니다.
GitHub / Repository(저장소)
코드 파일을 인터넷에 보관하는 창고. 저장소(repository)는 그 안의 프로젝트 폴더 하나입니다. 웹 Claude Code가 만든 코드는 여기에 자동으로 저장됩니다.
비유: 코드를 올려두는 구글 드라이브. 저장소 = 폴더 하나.
Vercel / 배포(deploy)
GitHub에 올린 코드를 실제 인터넷 주소(URL)로 만들어 누구나 접속하게 해주는 서비스. 이 과정을 배포라고 합니다.
비유: 내 전단지를 거리에 붙여서 모두가 볼 수 있게 하는 것.
PR / Pull Request
내 브랜치의 변경 내용을 팀의 메인 코드에 합치자고 요청하는 것. 팀원이 검토(리뷰)하고 OK하면 합쳐집니다. 자세한 건 트랙 03에서.
비유: "이 부분 이렇게 바꿨는데, 본책에 넣어도 될까요?" 하고 올리는 검토 요청서.

Checklist

준비물 (모두 무료)

계정 3개만 만들어 두세요. 설치할 프로그램은 없고, 웹브라우저만 있으면 됩니다.

설치할 게 없습니다

터미널, Node.js 같은 프로그램 설치는 필요 없어요. 세 사이트 모두 웹브라우저에서 로그인만 하면 끝.

내 준비 상태
  • Claude 계정 로그인 됨
  • GitHub 가입 완료
  • Vercel 가입 완료