배포하고 축하하기
게임을 인터넷에 올리고 코스 완료하기
⏱ 예상 ~8분
01 · 읽기
이 코스의 마지막 레슨이에요.
곧 실시간 멀티플레이어 게임을 인터넷에 배포해요. URL 만 있으면 누구나 플레이할 수 있어요. 다른 대륙의 두 낯선 사람이 여러분 링크를 열고 실시간으로 tic-tac-toe 를 해요.
여러분이 만든 거예요. 터미널이 뭔지 모르는 상태에서 WebSocket 기반 멀티플레이어 게임을 배포하기까지. 진짜 여정이에요.
핵심 정리
- Render 가 WebSocket 을 지원하는 Node.js 앱을 호스팅해요
- Level 4 의 git push 흐름으로 배포해요
- 게임이 인터넷의 누구에게나 접근 가능해져요
- 이게 마지막 레슨이에요. 코스의 모든 걸 배웠어요
02 · 단계별 설명
tic-tac-toe 게임을 Render 에 Web Service 로 배포해요. 각 단계를 주의 깊게 따라가요.
1. Render 에 로그인
render.com 에 가서 GitHub 계정으로 로그인해요. Render 계정이 없으면 하나 만들어요. 무료 티어로 충분해요.
2. 새 Web Service 만들기
'New' → 'Web Service' 를 클릭해요. GitHub repo 를 연결해요. 지난 레슨에서 push 한 거요. Render 가 Node.js 앱을 자동으로 감지해요.
3. 서비스 설정
Build command 는 'npm install', start command 는 'node server.js' 로 설정해요. 무료 plan 으로 충분해요. 어떤 region 이든 괜찮아요. 본인에게 가장 가까운 곳을 골라 latency 를 최소화해요.
4. 배포
'Create Web Service' 를 클릭해요. Render 가 repo 를 clone 하고, npm install 을 실행하고, 서버를 시작해요. 배포 로그를 봐요. 준비되면 'Server listening on port...' 가 보여요.
5. URL 받기
배포 후, Render 가 your-app-name.onrender.com 같은 URL 을 줘요. 브라우저에서 열어요. 게임이 보일 거예요. 두 번째 탭에서 (또는 친구에게 보내서) 열어 인터넷에서 진짜 게임을 해요.
03 · 실기 실습
배포된 게임이 end-to-end 로 작동하는지 검증해요.
04 · 읽기
무료 티어에서 알아둘 것: Render 무료 plan 은 15 분 동안 활동이 없으면 서비스를 spin down 해요. Spin-down 후 첫 방문자는 깨우는 데 약 30 초 기다려요. 그 후엔 정상 속도예요.
포트폴리오용으로는 괜찮아요. 항상 켜 두고 싶으면 Render 유료 plan 이 월 몇 달러부터 시작해요. 하지만 만든 걸 보여주는 데는 무료 티어가 잘 작동해요.
핵심 정리
- 무료 티어는 15 분 비활동 후 잠들어요
- 잠든 후 첫 요청은 ~30 초 걸려요 (cold start)
- 깨어난 후엔 정상 속도예요
- 항상 켜 둬야 하면 유료 plan 으로 잠자기 동작을 제거해요
05 · 체크리스트
최종 검증. 각 항목을 체크해 프로젝트가 완성됐는지 확인해요.
- 게임이 배포되고 공개 URL 로 접근 가능
- 두 플레이어가 매칭되어 실시간으로 플레이 가능
- Disconnect 처리가 제대로 작동
- GitHub README 가 프로젝트가 무엇이고 어떻게 실행하는지 설명
- Git 히스토리에 깔끔하고 의미 있는 commit
- 코드에 디버그 console.log 가 남아 있지 않음
06 · 읽기
해냈어요.
어디서 시작했는지 떠올려 봐요. 파일 경로가 뭔지 몰랐어요. 터미널을 열어 본 적도 없었어요. Git 은 수수께끼였어요. API 는 유행어였어요.
이제 여러분은 파일 시스템을 돌아다니고, 명령줄에서 파일을 관리하고, git 으로 코드를 추적하고, GitHub에 push 하고, Node.js 서버를 만들고, 진짜 API 를 호출하고, Claude Code를 페어 프로그래머로 쓰고, 실시간 멀티플레이어 게임을 인터넷에 배포해요.
더 이상 '코딩을 배우는 중' 이 아니에요. 만드는 사람이에요. 터미널은 여러분의 도구예요. Claude Code 는 여러분의 파트너예요. 인터넷은 여러분의 플랫폼이에요.
모든 프로페셔널 엔지니어는 여러분이 지금 있는 자리에서 시작했어요. 완성된 프로젝트 하나와 다음 걸 만들 수 있다는 자신감 하나로요. 그 자신감이 진짜 졸업이에요.
가서 만들어요.
핵심 정리
- 터미널 지식 0 에서 멀티플레이어 게임 배포까지 왔어요
- 배운 기술 — 터미널, git, Node.js, API, Claude Code — 은 프로들이 매일 쓰는 같은 도구예요
- 완성된 프로젝트 하나와 다음 걸 만들 자신감. 그게 중요해요
- 이건 끝이 아니에요. 출발점이에요
07 · 퀴즈
코스를 끝냈어요. 발전시킨 가장 중요한 기술은?
- 터미널 명령 외우기
- 문제를 쪼개고, 도구를 효과적으로 쓰고, 진짜 무언가를 만드는 능력. 아직 모든 걸 알지 못해도요
- 모든 JavaScript 함수 암기
- 명령을 아주 빠르게 타이핑하기
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.