Claude가 HTML 파일을 줬어요. 진짜 링크로 만들려면 어떻게 하나요?

왜 파일이 내 컴퓨터에서만 열릴까요

HTML 파일을 더블클릭하면 브라우저가 내 디스크에서 바로 그 파일을 열어요. 나한테는 괜찮지만, 다른 사람이 링크로 열려면 그 파일이 항상 켜져 있고 요청에 응답하는 컴퓨터에 있어야 해요. 그 컴퓨터가 바로 호스트예요. 파일을 그곳에 올리는 것이 게시이고, 배포라고도 불러요.

좋은 소식이 있어요. AI가 만든 페이지는 보통 정적 사이트예요. HTML, CSS, JavaScript, 이미지 같은 파일일 뿐이에요. 정적 사이트는 호스팅하기 가장 쉬워요. 서버나 데이터베이스는 필요 없어요.

먼저 내 컴퓨터에서 열어 보기

게시하기 전에 파일이 제대로 작동하는지 확인하세요. 1분이면 돼요.

1. 코드를 일반 텍스트 파일에 복사하세요. AI가 채팅에 코드를 보여 줬다면 전체를 텍스트 편집기(Windows는 메모장, Mac은 일반 텍스트 모드의 텍스트 편집기)에 붙여넣으세요. 다운로드 파일을 받았다면 이 단계는 건너뛰세요.
2. index.html로 저장하세요. 이름이 .txt로 끝나지 않는지 확인하세요. 새로 만든 빈 폴더에 넣으세요.
3. 파일을 더블클릭하세요. 브라우저에서 열려요. 페이지 전체를 스크롤하고, 모든 링크와 버튼을 눌러 보고, 창을 좁혀서 휴대폰에서 어떻게 보이는지 확인하세요.
4. 문제점을 적어 두세요. 채팅에서 AI에게 알려 주고 파일을 다시 달라고 하세요.

채팅에서 파일 꺼내기

AI에 따라 내 사이트는 다음 중 하나일 수 있어요.

• 채팅 속 미리보기(Claude 아티팩트, ChatGPT 캔버스). 내려받을 수 있는 파일 하나로 달라고 요청하세요.
• 여러 파일(페이지, 스타일시트, 이미지). 사이트 전체를 .zip으로 달라고 하되, index.html가 다른 폴더 안이 아니라 최상위에 있게 해 달라고 요청하세요.
• Claude Code, Codex, Cursor 같은 코딩 도구가 만든 프로젝트 폴더. 빌드 단계가 있다면, 게시할 폴더는 프로젝트 전체가 아니라 빌드가 만들어 내는 폴더로 보통 dist 또는 build예요.

가장 간단한 경우는 파일 하나예요. 대부분의 호스트는 index.html를 홈페이지로 취급하고, Page Lemon에서는 이름과 상관없이 .html 파일 하나도 작동해요. 이렇게 요청하면 돼요.

• 이걸 CSS와 JavaScript가 안에 들어 있는 index.html 하나로 줘.복사

깨진 이미지와 링크 고치기

내 컴퓨터에서 멀쩡하던 페이지가 온라인에서 빈 상자로 보일 수 있어요. 보통 이런 이유예요.

• 이미지가 폴더에 없어요. 모든 이미지를 index.html 옆에 두거나, 함께 가는 images 같은 하위 폴더에 두세요.
• 경로가 내 디스크를 가리켜요. C:\Users\you\photo.jpg는 내 컴퓨터에만 있어요. images/photo.jpg 같은 상대 경로를 쓰세요.
• 대소문자가 달라요. Photo.JPG와 photo.jpg는 어떤 컴퓨터에서는 같은 파일이지만 많은 호스트에서는 다른 파일이에요. 모든 곳에서 소문자 이름을 쓰세요.
• 이름에 공백이 있어요. Team Photo.jpg 대신 team-photo.jpg를 쓰세요.

• 모든 이미지에 소문자 파일 이름과 상대 경로를 쓰세요.복사

진짜 링크를 얻는 방법

모두 쓸 수 있는 방법이에요. 링크를 얼마나 빨리 얻는지, 나중에 사이트를 바꾸기가 얼마나 쉬운지가 달라요.

1. AI에게 게시를 맡기기

게시를 대신 해 주는 AI도 있어요. Claude Code나 Codex 같은 코딩 도구는 파일을 바로 업로드할 수 있어요. 채팅 앱은 샌드박스에서 인터넷에 접근하지 못하는 경우가 많아서 파일을 건네줘요.

Page Lemon에서는 같은 채팅에 한 줄만 붙여 넣으면 돼요. AI가 아직 게시할 수 없다면 한 번 연결한 뒤 다시 요청하세요.

• 내 사이트를 PageLemon.com에 공개해 줘복사

2. AI 채팅의 공유 버튼 사용하기

Claude에는 아티팩트용 게시 버튼이 있어요. Anthropic의 도움말에 따르면 Claude 자체 도메인에 공개 링크를 만들어요. Free, Pro, Max 요금제에서는 링크가 있는 누구나 열 수 있어요. Team과 Enterprise 요금제에서는 링크가 조직 안에서 공유돼요. 빠른 시연에는 편리하지만 주소가 내 것이 아니에요. 최신 규칙은 Anthropic의 도움말 페이지에서 확인하세요.

3. 설정 없이 파일을 올리거나 코드를 붙여 넣기

AI가 게시도 연결도 못 한다면(예: ChatGPT 무료 플랜) pagelemon.com/drop을 여세요. 파일을 올리거나, 휴대폰에 파일이 없다면 AI가 준 코드를 붙여 넣으세요. 계정도 설치도 없이 몇 초 만에 링크가 생겨요. 나중에 같은 사이트를 바꾸려면 연결할 수 있는 AI가 필요해요. 새 파일을 올리면 새 주소가 생기거든요.

비교하기

처음 두 열은 일반적인 경향이고 서비스마다 세부 사항이 달라요. 선택하는 서비스의 최신 약관을 확인하세요.

내 도메인

www.yourcafe.co.uk 같은 주소는 메뉴나 명함에 더 보기 좋아요. Page Lemon에서는 내 도메인이 유료 요금제에 포함돼요(Prompter는 월 $6이고 도메인 3개 포함). 도메인은 도메인 업체에서 구매하고 매년 그곳에 비용을 내요. Page Lemon은 도메인을 팔지 않아요. 작동 방식 보기.

• 내 카페에 맞는 도메인을 찾아 줘복사

오늘만이 아니라 다음 주를 생각하세요

링크를 한 번 얻는 건 쉬워요. 더 어려운 건 영업시간을 바꾸거나 페이지를 추가하려는 다음 주예요. 스스로에게 물어보세요.

• 변경한 뒤에도 주소가 그대로인가요? 수정할 때마다 새 링크가 생기면 매번 다시 공유해야 해요.
• AI가 대신 바꿔 줄 수 있을까? 사이트를 만든 채팅은 사라졌을 수도 있어요. 새 채팅이나 다른 AI가 현재 사이트를 읽고 업데이트할 방법이 필요해요.
• 잘못된 변경을 되돌릴 수 있나요? 버전 기록이 있으면 실수를 고치는 데 오후 내내가 아니라 1분이면 돼요.
• 무료 사이트는 얼마나 유지되나요? 가입하지 않으면 만료되는 곳도 있어요. 미리 알고 있다면 괜찮아요.

Page Lemon에서는 계정 없이 게시한 사이트가 72시간 동안 온라인에 유지돼요. 무료 계정은 사이트를 최대 3개까지 유지하며, 작은 Page Lemon 배지가 표시돼요. 수정해도 주소는 그대로이고, 모든 변경이 버전으로 저장되어 언제든 돌아갈 수 있어요.

자주 하는 실수

• 비밀 정보를 게시하는 것. AI가 페이지에 API 키를 넣었다면 온라인에 올라가는 순간 누구나 읽을 수 있어요. 정적 사이트는 비밀을 지킬 수 없어요. 공개되는 것을 참고하세요.
• 프로젝트 전체 게시. 소스 폴더, 메모, .env 파일이 아니라 완성된 사이트만 업로드하세요.
• 양식이 이메일을 보내 줄 거라고 기대하는 것. 일반 웹 페이지는 스스로 이메일을 보낼 수 없어요. 양식을 믿기 전에 양식 메시지가 어떻게 전달되는지 AI에게 물어보세요.
• file:/// 주소를 공유하는 것. 다른 사람에게는 절대 작동하지 않아요.

질문

왜 내 컴퓨터에서는 되는데 친구는 안 되나요?

내 디스크에서 직접 열고 있기 때문이에요. 친구에게는 그 파일이 없어요. 게시한 뒤 https:// 링크를 보내세요.

그냥 파일을 이메일로 보내도 되나요?

보낼 수는 있지만, 많은 메일 프로그램이 .html 첨부 파일에 경고를 띄우고, 받는 사람이 직접 저장해서 열어야 해요. 링크가 받는 사람에게도 나에게도 더 쉬워요.

코딩을 알아야 하나요?

아니요. 파일 하나 또는 여러 개와 그것을 온라인에 올릴 방법만 있으면 돼요. 나머지는 나중의 수정까지 포함해서 AI가 해 줄 수 있어요.

파일과 폴더가 많으면 어떻게 하나요?

index.html가 최상위에 있는 .zip으로 달라고 하고, 이미지는 같은 폴더나 하위 폴더에 두세요. 사이트가 작다면 AI에게 모든 것을 index.html 하나에 넣어 달라고 요청해도 돼요.

써 보는 데 비용이 드나요?

Page Lemon에서의 게시는 무료이고 계정이 필요 없어요. 계정이 없으면 사이트는 72시간 동안 온라인에 유지돼요.