공유 링크의 한계와 HTML 내려받기

출처: 누나IT 채널. 이 강은 누나IT 님의 영상을 보며 따라 하는 강의예요. 영상 속 화면 조작을 글로 다시 정리했고, 영상의 말을 그대로 옮기지 않아요. 아래 구간을 꼭 직접 보세요.

이 강에서 보는 영상 구간

영상 5:56~8:45를 봐요. 만든 홈페이지를 공유하는 두 가지 방법과 그 차이가 나와요.

출처: 누나IT 채널 「클로드로 홈페이지 만들기 코딩 없이 깃허브 배포까지」 · 구간 5:56~8:45 · 유튜브에서 보기. 영상이 안 나오면 이 링크로 열어요.

방법 1 — 게시 링크 (빠르지만 틀이 보여요)

영상에서는 아티팩트 오른쪽 위의 점 세 개 메뉴에서 게시 → 게시 및 링크 복사를 눌러 링크를 만들고, 그 링크를 카카오톡으로 보내 폰에서 열어 봐요. 모바일에서도 예쁘게 나오는 것을 확인해요. 메뉴 글자가 화면마다 다를 수 있으니 6:03~6:10 구간에서 확인하세요.

영상이 짚는 한계는 이래요.

• 링크로 열면 위아래에 **클로드 틀(로고 등)**이 보여서, 누가 봐도 클로드로 만든 페이지예요.
• 클로드 무료 버전에서는 링크 걸기나 영상 재생이 안 될 수 있다고 해요. 같은 내용을 유료 버전으로 만들면 링크와 영상 재생이 잘 된다고 보여 줘요.
• 무료 버전은 조금만 써도 사용 한도에 걸려 기다려야 할 때가 있고, 이미지 삽입이 안 될 때도 있다고 해요.
• 제대로 만들고 싶으면 유료 버전으로 시도해 보라고 권해요.

방법 2 — HTML 파일로 내려받기 (틀이 없어요)

클로드 틀 없이 깔끔하게 만들고 싶다면, 영상은 복사 버튼 쪽 메뉴에서 HTML 형식으로 내려받기를 하라고 해요(약 8:14~8:23, 정확한 메뉴 위치는 영상에서 확인하세요). 내려받으면 컴퓨터의 다운로드 폴더에 HTML 파일이 생겨요. 열어 보면 틀이 없고 폰으로 공유해도 틀이 안 나온다고 해요.

다만 이 파일은 내 컴퓨터에만 있어서 다른 사람이 볼 수 없어요. 남이 보게 하려면 인터넷에 올려야 하는데, 영상은 보통 웹 호스팅은 비용이 든다며 무료인 깃허브를 쓰는 방법을 다음 구간에서 보여 줘요.

클로드 활용법의 '아티팩트로 한 페이지 홈페이지' 절도 같은 흐름을 설명해요. 공유 메뉴의 이름·가능 여부는 요금제와 설정에 따라 달라요.

다음 강의

5강에서 이 파일을 깃허브 저장소에 올려요.