LESSON 01
준비 — 클로드 채팅에서 아티팩트 열기
영상 0:00~1:52 · 설정 확인과 새 아티팩트 시작
오늘의 목표
영상이 어떤 도구로 홈페이지를 만드는지 알고, 클로드 채팅에서 아티팩트를 열어 웹사이트 만들기 화면까지 갑니다.
예상 소요 시간 약 25분
출처: 누나IT 채널. 이 강은 누나IT 님의 영상을 보며 따라 하는 강의예요. 영상 속 화면 조작을 글로 다시 정리했고, 영상의 말을 그대로 옮기지 않아요. 아래 구간을 꼭 직접 보세요.
이 강에서 보는 영상 구간
아래 영상의 0:00~1:52를 보세요. 시작할 때 영상이 짚어 주는 것은 두 가지예요. 클로드가 처음이면 영상 제작자의 '클로드 기본 사용법' 영상을 먼저 보라고 권해요(그 영상은 이 과정에 포함되지 않아요). 우리 사이트에서는 클로드 사용법 기초가 같은 역할을 해요.
출처: 누나IT 채널 「클로드로 홈페이지 만들기 코딩 없이 깃허브 배포까지」 · 구간 0:00~1:52 · 유튜브에서 보기. 영상이 안 나오면 이 링크로 열어요.
영상이 쓰는 도구와 방식 (먼저 알아 두기)
| 물음 | 영상의 답 |
|---|---|
| 어디서 만드나요 | 클로드 채팅 화면의 아티팩트 기능이에요. Code 탭이 아니에요 |
| 코딩을 해야 하나요 | 아니에요. 말로 설명하면 클로드가 코드를 만들어요 |
| 어떻게 공개하나요 | 만든 결과를 HTML 파일로 내려받아 깃허브에 올리고 깃허브 페이지로 공개해요 |
| 돈이 드나요 | 영상은 깃허브를 무료 공개 방법으로 소개해요. 클로드는 무료로도 되지만 한도와 이미지 문제가 있다고 해요(4강) |
아티팩트는 클로드가 만든 웹사이트·문서·코드를 화면 오른쪽에서 바로 보고 고칠 수 있는 기능이라고 영상이 설명해요. 아티팩트 개념은 클로드 활용법에도 정리되어 있어요.
따라 하는 순서
- 클로드 채팅 화면을 열고, 왼쪽 메뉴에 아티팩트 항목이 보이는지 봐요.
- 안 보이면 영상처럼 왼쪽 아래 내 프로필 → 설정 → 기능으로 가서, 아티팩트 관련 항목(시각 자료의 아티팩트와 인라인 시각화)이 켜져 있는지 확인해요. 정확한 화면과 글자는 버전마다 달라요. 영상 1:01~1:21 구간에서 확인하세요.
- 아티팩트 화면에 들어가 새 아티팩트를 눌러요. 여러 종류가 나오면 웹사이트 쪽을 골라요. 이름이 영상과 다르게 보이면 영상 1:36~1:52를 다시 봐요.
영상 제작자는 유료 버전에서는 안내 화면이 조금 다르게 보일 수 있다고 말해요. 내 화면이 다르면 당황하지 말고 영상의 흐름만 따라가요.
안전 한마디
클로드에게 내 전화번호·집 주소를 소개글에 넣으라고 하면 나중에 인터넷에 그대로 공개돼요. 공개해도 되는 정보만 쓰세요.
🧪 실습
- 영상 0:00~1:52를 한 번 끝까지 본다(필요하면 0.75배속)
- 클로드 채팅에서 왼쪽 메뉴의 아티팩트를 찾았다(없으면 설정에서 켠 뒤 다시 찾았다)
- 새 아티팩트에서 웹사이트 종류를 골라 입력창이 열린 상태다
- 이 과정이 Code 탭이 아니라 채팅의 아티팩트로 시작한다는 것을 말할 수 있다
다음 강의
2강에서 나를 소개하는 문장을 입력해 첫 홈페이지를 만들어 봐요.