클로드 아티팩트(Artifacts) 활용하기: 실시간 결과물 생성

2026년 10월 3일 공식 도움말 기준입니다. 아티팩트의 현재 기능과 이전 버전은 저장 및 공유 방식이 다르므로 화면의 메뉴와 공개 범위를 함께 확인합니다.

🤔 답을 받았는데 결과를 어떻게 확인하죠?

AI에게 "한 페이지짜리 회사 소개 HTML을 만들어 달라"고 했더니 코드가 길게 출력됩니다. HTML은 웹페이지의 구조를 적는 형식입니다. 코드만 받았다면 파일로 저장해 브라우저에서 여는 과정이 필요할 수 있습니다. 수정 한 번 할 때마다 같은 과정을 반복합니다.

Artifacts는 이 번거로움을 줄인 기능입니다. 결과물이 대화와 별도 화면에 뜨고, 대화로 고칠 점을 말하면 그 창에 반영됩니다.

🔑 Artifacts, 무엇이 다른가요?

클로드 아티팩트(Artifacts)는 문서나 웹페이지, 작은 도구 같은 결과물을 대화와 별도 화면에서 보고 수정하는 기능입니다. 일반 답변을 읽는 것에서 더 나아가 결과물을 계속 편집하거나 직접 눌러 볼 때 씁니다.

결과물의 종류에 따라 미리보기와 편집 기능은 다릅니다. 코드가 표시됐다는 이유로 그 코드가 실제 실행됐거나 완성된 앱이라고 판단하지 않습니다.

먼저 켜야 하는 설정

웹이나 데스크톱 앱에서 연습합니다. 공식 도움말은 개인 계정의 Settings > Capabilities에서 Cloud code execution and file creation을 켜도록 안내합니다. 조직 계정은 관리자 설정의 적용을 받습니다. 기능을 사용할 수 없다면 현재 계정과 조직 정책을 확인합니다.

채팅에서 아티팩트를 만드는 기능은 무료 플랜에도 있지만 사용량 한도가 있습니다. 디자인과 문서 등의 전용 템플릿은 유료 플랜의 별도 기능이므로 첫 연습에 필요하지 않습니다. 휴대폰에서는 만들거나 보는 범위와 편집 및 공유 설정의 지원 범위가 다를 수 있습니다.

🎨 Artifacts가 다루는 결과물 5가지

1. HTML 페이지

• 회사 소개, 랜딩 페이지, 간단한 인터랙티브 데모

2. 코드 (Python, JavaScript, SQL 등)

• 반복 계산이나 자료 조회를 수행하는 프로그램 코드. 글로 보여 주는 것과 실행 결과는 구분합니다

3. SVG 그림

• 확대해도 선이 선명한 벡터 형식으로 만드는 순서도와 아이콘

4. 마크다운 문서

• 제목과 목록을 간단한 기호로 표시하는 문서 형식으로 보고서와 회의록을 작성

5. React 화면 요소

• React라는 화면 제작 도구로 만드는 버튼과 입력칸 등. 직접 코드를 쓸 줄 몰라도 원하는 동작을 말로 요청할 수 있습니다

표시 방식과 내보내기 메뉴는 결과물 종류 및 버전에 따라 다릅니다. 먼저 실제로 만들고 확인할 작은 결과물 하나를 정합니다.

🔁 Artifacts의 반복 수정 흐름

산책 준비물 세 개로 시작합니다. 브라우저에서 클로드를 열고 로그인한 뒤 새 대화에 다음을 복사해 보냅니다.

완성된 결과물을 열고 이름과 동작을 따로 확인합니다. 항목 세 개가 맞는지 읽은 뒤 물과 수건을 체크하면 2/3 준비 완료가 되어야 합니다. 수건의 체크를 해제하면 1/3, 모두 해제 버튼을 누르면 0/3이어야 합니다.

버튼이 반응하지 않거나 숫자가 다르면 물과 수건을 체크했는데 1/3으로 표시돼. 체크된 항목 수를 기준으로 숫자가 바뀌도록 고쳐 줘처럼 실제 눌렀던 순서와 화면의 결과를 알려 줍니다. 위 문구는 그런 오류가 생겼을 때의 예이며 화면에서 본 값으로 바꿔 요청합니다.

원하는 글자 크기와 색도 말로 수정할 수 있습니다. 예를 들어 제목을 조금 크게 하고 체크박스 옆 글씨를 진하게 해 줘라고 요청한 뒤 내용과 버튼 동작이 유지되는지 다시 확인합니다. 문서에서는 수정할 문장을 선택해 Edit with Claude로 편집을 요청하는 방식도 있습니다.

회사 소개 페이지의 제목과 색을 바꾸는 가상 예시입니다. 실제 Artifacts 화면이나 이번 체크리스트 실행 결과는 아닙니다. 모양을 고친 뒤에도 내용과 동작을 다시 확인합니다.

💼 직무별 활용 시나리오

마케터, 기획자

• 캠페인 랜딩 페이지 시안: HTML 한 페이지로 시안을 만들고 내용과 동작을 확인한 뒤 허용된 방식으로 공유합니다.
• 광고 문구 비교표: 후보 문구 5개를 표로 만들어 한 화면에서 비교합니다.

디자이너, 제품 담당자

• 순서도 시안: SVG로 사용자 이동 경로를 그려 회의 자료로 씁니다.
• 기능 명세서: 제품 요구 사항 문서(PRD) 초안을 마크다운으로 받아 바로 보며 고칩니다.

교육 종사자

• 학생용 HTML 학습 자료: 직접 풀어 보는 퀴즈가 들어간 한 페이지를 만듭니다.
• 수업 슬라이드 초안: 마크다운으로 받은 뒤 슬라이드 도구로 옮깁니다.

💾 다시 찾기와 보관, 공유의 차이

현재 아티팩트는 사이드바의 Artifacts에서 다시 찾을 수 있습니다. 저장하려고 곧바로 외부 공유를 켤 필요는 없습니다. 목록에서 결과물을 다시 열고 마지막 수정이 남았는지 확인합니다. 파일로 보관할 때는 현재 결과물에서 제공하는 내보내기 또는 내려받기 기능을 쓰고 저장한 파일을 다시 열어 확인합니다.

공유는 별도 단계입니다. 현재 Share 메뉴에서 누가 열 수 있는지와 읽기 또는 편집 권한을 확인합니다. 요금제와 조직 설정, 결과물 종류에 따라 제공 범위가 다릅니다. 현재 공유 아티팩트는 여는 사람도 Claude 계정이 필요합니다. 이전 버전의 공개 아티팩트는 예외입니다.

Publish가 보이는 이전 버전의 채팅 아티팩트는 공개 링크로 열리는 규칙이 다릅니다. 링크를 안다는 이유만으로 현재 결과물도 누구나 로그인 없이 볼 수 있다고 안내하지 않습니다. 공유 해제와 개별 초대 취소도 구분해야 합니다. 자세한 범위는 공식 공유 도움말을 확인합니다.

AI를 호출하거나 연결된 앱을 사용하는 아티팩트도 있지만 첫 연습에는 필요하지 않습니다. 기능을 추가하면 사용자의 계정과 사용량, 연결 권한 및 저장 자료의 공개 범위를 별도로 확인합니다. 단순 체크리스트와 같은 조건으로 동작한다고 가정하지 않습니다.

다른 기능과 함께 쓰면 더 편합니다. Projects 안에서 만들면 프로젝트에 올린 가이드라인을 참고하도록 요청할 수 있고, 문서 워크플로로 PDF를 분석한 결과를 아티팩트 문서로 정리할 수 있습니다.

⚠️ Artifacts를 쓸 때 주의할 점

1. 너무 큰 결과물은 나눠 만들기

• 처음에는 한 화면에서 동작 하나를 확인할 수 있는 크기로 시작합니다. 사이트 전체를 한 아티팩트에 만들려고 하면 고치기 어려워집니다. 오류가 나면 창에 뜨는 "Try fixing with Claude" 버튼으로 오류 내용을 Claude에게 넘길 수 있지만, 항상 고쳐지는 것은 아닙니다.

2. 외부에 공유하기 전에 다시 검수하기

• 외부에 내보내기 전에는 내용과 연결된 자료를 확인하고 공유 설정의 대상 및 권한을 점검합니다. 화면이 완성됐다는 것과 외부 공개가 허용됐다는 것은 다릅니다.

3. 민감 정보 넣지 않기

• 아티팩트 안에 회사 보안 정보나 고객 개인정보를 직접 넣지 않습니다. 책임감 있는 AI 사용의 보안 기준이 그대로 적용됩니다.

🔁 준비물 하나를 더해 다시 확인하기

처음 만든 요청과 결과를 남긴 뒤 준비물에 모자를 추가하고 합계를 4개 기준으로 바꿔 줘. 체크 상태는 모두 해제해 줘라고 요청합니다. 항목 네 개와 0/4가 보이는지 확인하고 물과 모자를 체크해 2/4, 모두 해제로 0/4가 되는지 시험합니다.

수정 뒤 문제가 생기면 마지막으로 잘 작동한 요청과 바뀐 내용을 함께 알려 줍니다. 오류 화면에 Try fixing with Claude가 있으면 오류 내용을 보내 수정할 수도 있지만 고쳐졌다는 답 뒤에 같은 동작을 직접 반복합니다.

별도 화면이 열리지 않으면 아티팩트로 만들어 달라는 요청과 기능 설정을 확인합니다. 사용량 한도나 조직 제한이 원인이라면 안내 내용을 기록하고 해당 조건이 해결된 뒤 이어갑니다. 완성한 결과를 목록에서 다시 찾아 열고 새로 실행했을 때 초기 상태도 확인하면 첫 연습을 마친 것입니다.

📋 3줄 요약

1. 클로드 아티팩트는 대화와 별도 화면에서 결과물을 보고 수정하는 기능입니다.

2. 항목과 숫자를 원자료와 대조하고 버튼을 직접 눌러 요청한 동작이 맞는지 확인합니다.

3. 결과를 보관하는 일과 외부 공유는 구분하며 현재 기능과 이전 버전의 공개 범위가 같다고 가정하지 않습니다.

📚 참고 자료

• Claude: 아티팩트 만들기와 사용
• Claude: 아티팩트 공유

2026년 10월 3일 공식 도움말을 확인했습니다.