Claude 101 · 2-2
대화 속에서 곧바로 결과물이 태어납니다. 아티팩트는 채팅 옆 전용 창에 렌더링되는 독립적인 결과물 — 문서·앱·차트·웹페이지처럼 바로 쓰고 공유할 수 있는 형태로요.
이 레슨을 마치면Learning objectives
아티팩트가 무엇이고 Claude가 언제 만드는지 안다
문서·코드·차트 등 아티팩트의 종류를 구분한다
아티팩트를 공유·게시하고 반복해서 다듬는 법을 안다
아티팩트는 Claude가 채팅 옆 전용 창에 만들어 주는 독립적인 결과물입니다. 긴 코드나 글이 대화에 묻히는 대신, 완성된 형태로 렌더링되어 바로 쓰거나 내려받을 수 있습니다.
대화
아티팩트 창
온보딩 순서도
긴 코드나 문서가 채팅에 묻히는 대신, 완성된 형태로 렌더링되어 바로 쓸 수 있습니다 — 웹사이트든, 인터랙티브 차트든, 문서든.
Claude는 내용이 다음 조건에 맞을 때 알아서 아티팩트를 만듭니다. 굳이 부탁하지 않아도, 다룰 만한 결과물이면 자동으로 전용 창을 엽니다.
분량이 있고 독립적입니다 — 보통 15줄이 넘습니다.
나중에 다시 참고하거나 손볼 만한 내용입니다.
대화 흐름과 떨어져 그 자체로 의미가 서는 복잡한 콘텐츠입니다.
나중에 다시 찾아보거나 활용할 내용입니다.
원하는 형태가 자동으로 안 나오면 직접 시키면 됩니다. 예: “이걸 아티팩트로 만들어 줘” 또는 “아티팩트로 보여 줘.”
Claude는 필요에 맞춰 다양한 종류의 아티팩트를 만들 수 있습니다. 글·코드·시각 자료·작동하는 앱까지 — 무엇을 만들고 싶은지에 따라 형태가 달라집니다.
문서
마크다운·일반 텍스트·Word·PDF·PPT·Excel. 글이 많은 무엇이든 — 회의록·보고서·기획안·블로그 글.
코드 스니펫
어떤 프로그래밍 언어든. 코드를 바로 확인·복사하거나 내 프로젝트에 내려받아 씁니다.
웹페이지
HTML·CSS·JavaScript로 만든 완성된 페이지. 랜딩 페이지·폼·인터랙티브 데모에 좋습니다.
SVG 이미지
로고·아이콘·삽화용 확대해도 깨지지 않는 벡터 그래픽. 결과를 그대로 눈으로 확인합니다.
다이어그램
순서도·시퀀스·간트 차트 등. 관계를 시각화하고 싶다고 말하면 Claude가 그려서 다듬습니다.
인터랙티브 앱
계산기·대시보드·게임·데이터 시각화. 목업이 아니라 실제로 작동하고 입력에 반응합니다.
만드는 법은 대화처럼 간단합니다. 원하는 것을 설명하면, Claude가 아티팩트로 보여 줄지 판단합니다. 예를 들면 — “고객 온보딩 순서도를 만들어 줘”, “월 지출·수입을 입력하는 인터랙티브 대시보드를 만들어 줘.”
아티팩트가 만들어지면 대화 옆 전용 창에 나타납니다. 여기서 할 수 있는 것들:
미리보기
어떻게 보이는지 토글로 확인
복사
내용을 복사해 다른 곳에 활용
내려받기
파일로 저장
코드 보기
내부 코드를 그대로 확인
쓸 만한 걸 만들었다면 여러 방법으로 공유할 수 있습니다. 개인용으로 복사·내려받거나, 조직 안에서 동료와 공유하거나, 링크로 공개해 누구나 접근하게 만들 수도 있습니다.
아이디어를 결과물로 바꾸는 법을 익혔습니다. 다음은 Claude에게 전문 기술을 가르치는 스킬입니다. → 스킬 활용하기