클로드 아티팩트 다운로드하는 법 - 받은 HTML 파일이 안 열릴 때까지

아티팩트를 하나 잘 만들어놓고 나면 다음 생각은 대개 똑같아요. "이거 저장은 어떻게 하지."

저도 처음엔 다운로드부터 눌렀어요. 파일로 손에 쥐고 있으면 안심이 되니까요. 그런데 그 파일을 실제로 써먹으려는 순간 두 번째 벽이 나오더라고요. 그 두 단계를 순서대로 정리해볼게요.

파일로 받는 건 간단해요

아티팩트 창 오른쪽 위를 보면 아래로 향한 화살표 모양의 다운로드 아이콘이 있어요. 그걸 누르면 파일이 저장돼요. 아티팩트 종류에 따라 복사 버튼 옆 작은 메뉴 안에 들어가 있기도 한데, 문구는 대체로 "HTML로 다운로드"처럼 뜨니 찾기는 어렵지 않아요.

받아지는 확장자는 만든 것에 따라 달라져요.

아티팩트 종류	받아지는 파일
웹페이지·계산기·게임	.html
리액트 컴포넌트	.jsx
문서·글	.md

가장 흔한 건 HTML이에요. 이 파일이 좋은 점은 자체 완결이라는 거예요. CSS와 스크립트가 파일 안에 다 들어 있어서 인터넷이 끊겨도 열리고, 클로드 계정도 필요 없어요. 더블클릭하면 브라우저에서 그냥 떠요.

여러 개를 한꺼번에 받고 싶다면 크롬 확장 프로그램들도 있어요. 다만 확장 프로그램은 대화 내용에 접근하는 권한을 갖게 되니, 회사 계정으로 쓰신다면 한 번 더 생각해보시는 게 좋아요. 저는 개수가 많지 않으면 그냥 하나씩 받아요.

문제는 그다음이에요

파일을 받았으면 보통 이걸 누군가에게 보내려고 하잖아요. 여기서 막혀요.

HTML 파일을 카톡으로 보내면 받는 사람 화면에서 이런 일이 생겨요.

• 휴대폰에서 탭하면 미리보기가 안 되고 "열 수 있는 앱이 없습니다" 가 떠요
• 어찌어찌 열어도 파일 관리 앱을 거쳐야 해서 상대가 중간에 포기해요
• 메일에 첨부하면 HTML은 보안상 위험한 첨부로 분류돼서 차단되는 경우가 많아요
• 상대가 파일을 저장해버리면 내가 나중에 내용을 고쳐도 옛날 버전을 계속 봐요

만든 사람 컴퓨터에서는 잘 열리니까 이게 더 헷갈려요. 저도 "내 거는 되는데 왜 안 되지"를 한참 했어요. HTML 파일은 원래 웹 주소로 열리라고 만들어진 형식이라, 파일 상태로 손에서 손으로 건네지면 제 역할을 못 해요.

그래서 질문을 바꿔야 해요

"어떻게 다운로드하지"가 아니라 "내가 파일이 필요한가, 링크가 필요한가" 로요.

파일이 맞는 경우. 백업으로 보관할 때, 코드를 직접 뜯어고칠 때, 다른 개발 도구에 넣을 때예요. 이럴 땐 다운로드가 정답이에요.

링크가 맞는 경우. 누군가에게 보여줄 때예요. 단톡방에 올릴 때, 고객에게 보낼 때, 포트폴리오로 제출할 때, 발표 자료로 띄울 때 전부 여기에 들어가요. 그리고 솔직히 아티팩트를 만드는 이유의 대부분이 여기예요.

HTML 파일을 링크로 바꾸는 법

받아둔 HTML 파일이 있다면 그 파일을 그대로 쓰면 돼요.

1. 받은 .html 파일을 메모장이나 텍스트 편집기로 열어서 전체 복사해요. (아직 다운로드 전이라면 아티팩트에서 코드 보기 → 복사가 더 빨라요.)
2. 1page.run 에디터에 붙여넣어요. 로그인은 안 해도 돼요.
3. 발행을 누르면 주소가 나와요.

왼쪽에 붙여넣으면 오른쪽에서 바로 렌더돼요. 발행 전에 제대로 들어갔는지 눈으로 확인할 수 있어요.

이제 상대는 링크를 눌러 그냥 봐요. 휴대폰이든 컴퓨터든 브라우저만 있으면 되고, 앱을 깔거나 파일을 저장할 필요가 없어요. 카톡·슬랙에 붙이면 미리보기 카드도 붙고요.

한 가지 더 좋은 점은 내용을 고쳐도 주소가 안 바뀐다는 거예요. 파일로 보냈으면 고칠 때마다 새로 보내야 하는데, 링크는 같은 자리에서 갱신돼요. "아까 보낸 거 말고 이걸로 봐주세요"를 안 해도 돼요.

파일은 내가 보관하려고 받는 것이고, 링크는 남이 보게 하려고 만드는 것이에요. 둘 다 필요하면 둘 다 하면 돼요.

리액트로 나온 아티팩트라 .jsx로 받아졌다면 그 파일만으로는 안 열려요. 이땐 클로드에게 "외부 라이브러리 없이 CSS와 스크립트를 인라인한 단일 HTML 파일로 다시 만들어줘"라고 하면 붙여넣을 수 있는 HTML이 나와요. 자세한 건 Claude 아티팩트 공유가 안 될 때에 정리돼 있어요.

아티팩트를 이제 막 쓰기 시작했다면 클로드 아티팩트 사용법부터 보셔도 좋아요.

자주 묻는 질문

클로드 아티팩트는 어디서 다운로드하나요?

아티팩트 창 오른쪽 위의 다운로드 아이콘을 누르면 돼요. 아티팩트 종류에 따라 복사 버튼 옆 메뉴 안에 "HTML로 다운로드" 같은 항목으로 들어가 있기도 해요.

다운로드한 HTML 파일은 인터넷 없이도 열리나요?

열려요. 스타일과 스크립트가 파일 하나에 다 들어 있어서 더블클릭하면 브라우저에서 바로 떠요. 클로드 계정도 필요 없어요.

HTML 파일을 카톡으로 보냈는데 상대가 못 열어요.

HTML은 웹 주소로 열리도록 만들어진 형식이라 휴대폰에서 파일로 받으면 열 앱이 없는 경우가 많아요. 파일 대신 발행해서 링크로 보내면 상대는 브라우저에서 그냥 열 수 있어요.

아티팩트 여러 개를 한 번에 받을 수 있나요?

크롬 확장 프로그램을 쓰면 가능해요. 다만 확장 프로그램은 대화 내용에 접근하는 권한이 필요하니 회사 계정이라면 설치 전에 확인해보시는 게 좋아요.