클로드 코드 사용법 2강 : 메타버스 웹페이지 만들기, 기획부터 배포까지(비개발자용)
지금 보고 있는 영상
클로드 코드 사용법 2강 : 메타버스 웹페이지 만들기, 기획부터 배포까지(비개발자용)
조회수 2,742
영상 설명 · 눌러서 펼치기
클로드 코드(Claude Code) 사용법 2강입니다.
다시 가고 싶은 곳을 여러 사람이 함께 들어오는 3D 메타버스 웹페이지로 만드는 영상이에요. 산사 같은 서비스 구현 방법이 궁금하신 분들에게 추천합니다. 포르투 모루공원을 예시로 기획, 구현, 수정, 배포까지 Claude Code에게 어떻게 요청하는지 보여 드려요.
▶ 제가 추천하는 영상 보는 법
바로 따라 하지 마시고, 1.5배속 정도로 끝까지 보신 다음에 따라 해 보세요. 스킬이 마련되어 있으니 스킬을 사용하시면 편하게 할 수 있어요!
00:00 오늘 만들 것 : 포르투 모루공원 3D 공간
01:21 영상 보는 법
02:04 방법을 몰라도 원하는 결과만 말하기
03:15 작업 순서 : 기획, 구현, 배포
05:53 기획 없이 바로 만들어 본 결과
07:05 바로 만들기와 기획부터 하는 것의 차이
08:25 계획 모드와 기획 요청
08:58 기획을 요청하는 문장 쓰는 법
10:20 기획안 확인하기
11:52 핵심 기능 3가지
12:15 기획안으로 개발 요청하기
12:58 오래 걸릴 때 기획안 줄이기
14:08 수정 요청하는 방법
14:53 첫 결과 피드백과 사진 레퍼런스
16:17 캐릭터 디자인과 Blender 3D 모델링
17:16 멀티플레이와 배포 개념
18:21 함께 보기에 필요한 방(Room)
19:09 Cloudflare Workers와 Durable Object
19:59 Cloudflare 배포 요청하기
20:40 배포 후 수정하는 법
21:31 한 번에 안 될 때
22:12 Cloudflare 비용
23:01 스킬이란?
24:07 스킬 설치하기
24:54 스킬로 그레이트 오션 로드 만들기
26:40 스킬로 배포하기
28:02 정리
29:01 직접 해 볼 것과 다음 영상 안내
직접 만들어 보시고 잘 되셨는지, 궁금한 내용 있으시면 댓글로 알려 주세요!
다음 영상에서는 CLAUDE.md와 스킬을 다룰게요!
#클로드코드 #ClaudeCode #메타버스 #AI #에이전트
다시 가고 싶은 곳을 여러 사람이 함께 들어오는 3D 메타버스 웹페이지로 만드는 영상이에요. 산사 같은 서비스 구현 방법이 궁금하신 분들에게 추천합니다. 포르투 모루공원을 예시로 기획, 구현, 수정, 배포까지 Claude Code에게 어떻게 요청하는지 보여 드려요.
▶ 제가 추천하는 영상 보는 법
바로 따라 하지 마시고, 1.5배속 정도로 끝까지 보신 다음에 따라 해 보세요. 스킬이 마련되어 있으니 스킬을 사용하시면 편하게 할 수 있어요!
00:00 오늘 만들 것 : 포르투 모루공원 3D 공간
01:21 영상 보는 법
02:04 방법을 몰라도 원하는 결과만 말하기
03:15 작업 순서 : 기획, 구현, 배포
05:53 기획 없이 바로 만들어 본 결과
07:05 바로 만들기와 기획부터 하는 것의 차이
08:25 계획 모드와 기획 요청
08:58 기획을 요청하는 문장 쓰는 법
10:20 기획안 확인하기
11:52 핵심 기능 3가지
12:15 기획안으로 개발 요청하기
12:58 오래 걸릴 때 기획안 줄이기
14:08 수정 요청하는 방법
14:53 첫 결과 피드백과 사진 레퍼런스
16:17 캐릭터 디자인과 Blender 3D 모델링
17:16 멀티플레이와 배포 개념
18:21 함께 보기에 필요한 방(Room)
19:09 Cloudflare Workers와 Durable Object
19:59 Cloudflare 배포 요청하기
20:40 배포 후 수정하는 법
21:31 한 번에 안 될 때
22:12 Cloudflare 비용
23:01 스킬이란?
24:07 스킬 설치하기
24:54 스킬로 그레이트 오션 로드 만들기
26:40 스킬로 배포하기
28:02 정리
29:01 직접 해 볼 것과 다음 영상 안내
직접 만들어 보시고 잘 되셨는지, 궁금한 내용 있으시면 댓글로 알려 주세요!
다음 영상에서는 CLAUDE.md와 스킬을 다룰게요!
#클로드코드 #ClaudeCode #메타버스 #AI #에이전트
카일스쿨 다른 영상
클로드 코드 사용법 1강 : 설치 방법과 용어 정리, 비개발자용(2026년 11월 최신)
조회수 22,040
OpenAI Dots 사용법 - 장단점부터 활용 사례 6가지
조회수 3,039
Gemini 4 Argon 출시! 1주일 먼저 써본 솔직 후기 (vs GPT Sol, Claude Opus 비교)
조회수 30,432
Claude Code 직원들이 맨날 쓰는 스킬 : eli5 사용법
조회수 4,766
AI 처음 배우는 분들을 위한 10년차 데이터 과학자의 AI 학습법
조회수 3,430
Google Stitch + AI Studio로 20분 만에 웹사이트 만드는 초간단 방법
조회수 4,698
구글 Antigravity 2.0 소개 및 설치 방법, 사용법
조회수 15,757
비개발자를 위한 Claude Code로 개발할 때 자주 나오는 용어 정리 : 프론트엔드, 백엔드, API, Localhost, Vercel, Supabase, DB, API Key
조회수 2,609