⚙ (Claude 2026 기준)

Claude 아티팩트 기능 완전 정리

며칠 전, 이 블로그에 쓸 표 하나를 만들다가 Claude한테 “이거 표로 정리해서 보여줘”라고 했다. 그런데 채팅창에 마크다운 표가 쭉 나오는 게 아니라, 갑자기 화면 오른쪽에 새 창이 하나 열리면서 진짜 표 모양으로 렌더링된 화면이 나타났다. 솔직히 처음엔 “이게 뭐지?” 싶었다. 알고 보니 이게 Claude의 아티팩트(Artifacts) 기능이었다. 그날 이후로 표, 차트, 간단한 계산기, 심지어 블로그 썸네일 미리보기까지 전부 이 아티팩트 창에서 만들고 있다. 채팅창은 대화용, 아티팩트 창은 결과물 작업대로 나뉘니까 작업이 훨씬 깔끔해졌다. claude.ai에 로그인만 하면 누구나 바로 써볼 수 있다.

공략 메인 — Claude 아티팩트 사용법, 이렇게 쓴다

STEP 1. 아티팩트는 ‘결과물 전용 작업 창’이다

아티팩트는 Claude와의 대화 화면 옆에 따로 뜨는 패널이다. 채팅창은 말 그대로 ‘대화’를 위한 공간이고, 아티팩트 창은 Claude가 만든 결과물을 실시간으로 보여주고 수정하는 작업대 역할을 한다. 코드, 표, 차트, 다이어그램, 짧은 문서를 만들어 달라고 하면 Claude가 이걸 채팅창에 텍스트로 쏟아내는 대신, 아티팩트 창에 깔끔하게 띄워준다.

STEP 2. 아티팩트는 언제 자동으로 뜨나

대부분의 경우 Claude가 알아서 판단해서 아티팩트 창을 띄운다. “코드 짜줘”, “표로 정리해줘”, “다이어그램으로 그려줘”, “간단한 계산기 만들어줘” 같은 요청을 하면 자동으로 옆 패널이 열린다. 만약 안 열린다면 “이거 아티팩트로 보여줘” 또는 “별도 창에서 보고 싶어”라고 한 줄만 추가하면 된다.

STEP 3. 아티팩트로 만들 수 있는 결과물 종류

2026년 기준으로 아티팩트가 지원하는 형식은 꽤 넓다. 코드 스니펫(파이썬, 자바스크립트 등 문법 강조 포함), HTML 페이지(이 블로그 글의 시각화 프리뷰도 이 방식), React 컴포넌트(인터랙티브한 미니 앱), SVG 그래픽, Mermaid 다이어그램(플로우차트, 조직도 등), 마크다운 문서까지 전부 가능하다. 즉 “이걸 글로 써줘”부터 “이걸 작동하는 화면으로 만들어줘”까지 한 기능 안에서 다 처리된다.

STEP 4. 아티팩트 수정은 대화로 계속 이어진다

아티팩트 창에 결과물이 뜬 다음에도 작업은 끝난 게 아니다. “여기 색깔을 좀 더 어둡게”, “이 항목 하나 빼줘”, “표에 열 하나 추가해줘”처럼 채팅으로 계속 요청하면 아티팩트가 그 자리에서 바로 업데이트된다. 처음부터 완벽한 결과물을 요구하지 않고, 초안을 먼저 받은 다음 조금씩 다듬어가는 방식이 훨씬 빠르다.

STEP 5. 2026년의 새 기능 — 라이브 아티팩트(Live Artifacts)

2026년 4월에 발표된 라이브 아티팩트는 기존 아티팩트보다 한 단계 더 나간 기능이다. 가장 큰 차이는 다시 열 때마다 데이터가 새로 갱신된다는 점이다. 예를 들어 “오늘 할 일 목록을 보여주는 트래커를 만들어줘”라고 요청하면, 다음에 다시 열었을 때도 그 시점의 최신 데이터를 불러와서 보여준다. 또한 세션이 끝나도 데이터를 저장해두는 지속 저장소를 지원하고, Claude의 API를 직접 호출하거나 MCP 연동을 통해 구글 캘린더·지메일·슬랙 같은 외부 서비스와 연결할 수도 있다. 한 번 만들어두면 “매번 다시 만들어 달라고 할 필요 없는” 살아있는 결과물이 되는 셈이다.

STEP 6. 실전 활용 예시 3가지

① 블로그 썸네일/표 미리보기 — 글에 들어갈 표나 카드 디자인을 HTML 아티팩트로 먼저 만들어보고 마음에 들면 그대로 쓴다. ② 간단한 계산기·체크리스트 — “환율 계산기 만들어줘”, “체크리스트 앱 만들어줘”처럼 요청하면 바로 작동하는 미니 도구가 생긴다. ③ 업무 흐름 다이어그램 — 복잡한 프로세스를 설명할 때 “이 과정을 Mermaid 다이어그램으로 그려줘”라고 하면 한눈에 보이는 흐름도가 나온다.

함정 & 주의사항

• 한 번에 너무 많은 걸 요구하지 말 것 — “완벽한 대시보드를 한 번에 만들어줘” 보다 “기본 틀부터 만들고 하나씩 추가해줘”가 결과물 품질이 훨씬 좋다.
• 외부 데이터 연동은 신뢰할 수 있는 소스만 — 라이브 아티팩트가 외부 서비스와 연결될 때는 권한 요청을 잘 확인하고 승인하자.
• 모바일에서는 패널이 좁다 — 복잡한 결과물은 데스크탑에서 작업하는 게 편하다.
• 브라우저 저장 기능(localStorage 등)은 지원되지 않는 경우가 있다 — 데이터를 꼭 남겨야 한다면 라이브 아티팩트의 지속 저장소 기능을 활용하자.