Claude Code 시리즈 · 3강
맥이나 윈도우 컴퓨터와 클로드 유료 요금제가 필요해요.
1강·2강을 마쳐 홈페이지가 인터넷에 올라가 있어야 해요. 그 홈페이지에 디자인을 입히고, platform. 주소에 로그인과 관리 화면을 한 번에 만들어요.
1강·2강으로 올린 홈페이지에 디자인을 입히고, 로그인과 관리 화면이 있는 플랫폼을 같은 디자인으로 만들어요.

Google·카카오·이메일 중 편한 방법으로 로그인하면 이 화면으로 바로 돌아와요.
로그인하러 가기출처 TheNoun.Academy 디자인 도구 안내(새 창)(2026-10-08 확인) · 수파베이스 요금(새 창)(2026-10-08 확인) · 클라우드플레어 요금(새 창)(2026-10-06 확인)
| 항목 | 비용 |
|---|---|
| TheNoun. 디자인 도구(academy MCP 안) | 무료(academy 로그인 하나로 — 따로 가입·카드 없음) |
| 수파베이스(로그인 보관함) 무료 플랜 | 월 $0, 일주일 동안 쓰지 않으면 잠시 멈춰요 |
| 클라우드플레어(platform. 주소도 같은 곳) | 무료 |
출처 TheNoun.Academy 디자인 도구 안내(새 창)(2026-10-08 확인) · 수파베이스 요금(새 창)(2026-10-08 확인) · 클라우드플레어 요금(새 창)(2026-10-06 확인)
1강·2강으로 올린 홈페이지에 TheNoun. 디자인을 입히고, platform. 주소에 로그인 화면과 관리 화면이 있는 플랫폼을 만들어 올려요. 로그인은 수파베이스에 보관해요. 클로드에게 한 줄만 보내면 클로드가 끝까지 해요.
1강 클로드 코드로 홈페이지 만들기(새 창)와 2강 서치어드바이저 등록부터 AI 검색까지(새 창)를 꼭 먼저 마쳐야 해요. 홈페이지가 인터넷에 올라가 있어야 디자인을 입히고 플랫폼 주소를 이을 수 있어요.
1강·2강으로 올린 홈페이지에 제대로 된 디자인을 입히고 싶은 분, 로그인해서 쓰는 내 서비스 화면(플랫폼)도 갖고 싶은 분, 화면을 만들 때마다 모양이 달라지는 것이 걱정인 분께 맞아요.
강의는 무료예요. 처음 듣는 강의 하나는 로그인 없이 열리고, 이 강의는 로그인해요. 수파베이스 무료 플랜·클라우드플레어는 무료이고, TheNoun. 디자인 도구는 따로 가입 없이 academy 로그인 하나로 써요. 수파베이스 무료 프로젝트는 일주일 동안 쓰지 않으면 잠시 멈추고, 필요하면 유료로 올릴 수 있어요. 클로드 요금제와 도메인은 1강에서 쓰던 그대로예요.
출처 수파베이스 요금(새 창)(2026-10-08 확인) · 수파베이스 무료 프로젝트 멈춤 안내(새 창)(2026-10-08 확인) · TheNoun.Academy 디자인 도구 안내(새 창)(2026-10-08 확인) · 클라우드플레어 요금(새 창)(2026-10-06 확인)
직접 따라 하는 시간은 40분 정도예요. 클로드가 0단계부터 7단계까지 이어서 하고, 나는 가입·로그인·가입 확인 메일 누르기·「허용」 누르기를 할 때만 손을 대요.
수파베이스(Supabase, 로그인 정보를 안전하게 보관해 주는 곳)에 내 프로젝트를 만들고, 이메일과 비밀번호로 가입·로그인하게 해요. 가입은 내가 하고, 나머지는 클로드가 해요. 비밀 키는 열지도 쓰지도 않아요.
출처 수파베이스 요금(새 창)(2026-10-08 확인)