클로드 기초 및 활용 10회: 아티팩트 활용 — 결과물을 옆 화면에 두고 다듬기

스크롤이 끝없이 길어진 적 있으신가요

클로드에게 긴 글을 부탁하면 답이 대화창을 가득 채웁니다. "여기 좀 고쳐 줘"라고 하면 전체를 처음부터 다시 써서 또 화면을 채웁니다. 세 번쯤 고치면 위로 한참 올라가야 원본이 나옵니다.

어느 게 최신인지도 헷갈리기 시작합니다. 아티팩트는 이 문제를 해결하려고 만들어진 기능입니다.

지난 회차 연결과 오늘의 목표

9회에서 자료를 건네는 법을 배웠습니다. 오늘은 결과물을 받아서 다듬는 법입니다.

오늘이 끝나면 할 수 있게 되는 것: 긴 결과물을 별도 화면에서 다루고, 전체를 다시 만들지 않고 필요한 부분만 고치고, 이전 버전으로 되돌리고, 완성본을 밖으로 꺼낼 수 있게 됩니다.

아티팩트란 무엇인가

아티팩트는 대화와 분리된 별도 화면에 놓이는 결과물입니다.

대화는 왼쪽에, 결과물은 오른쪽 패널에 뜹니다. 대화에서 수정을 요청하면 오른쪽 결과물만 바뀝니다. 대화창은 짧게 유지되고, 결과물은 언제나 최신 상태 하나만 보입니다.

비유하자면 작업대 옆에 놓인 도면입니다. 대화는 도면을 놓고 나누는 이야기고, 아티팩트는 도면 그 자체입니다.

언제 자동으로 만들어지나

따로 버튼을 누를 필요가 없습니다. 결과물이 충분히 길거나, 그 자체로 완결된 물건일 때 클로드가 알아서 아티팩트로 만듭니다.

예를 들어 "블로그 글 하나 써 줘"는 아티팩트로 나올 가능성이 높고, "이 단어 뜻이 뭐야"는 그냥 대화 안에서 답합니다.

원하는데 안 만들어지면 직접 요청하면 됩니다. "이건 따로 문서로 만들어 주세요."

어떤 것들을 만들 수 있나

• 문서 — 보고서, 글, 정리 노트, 매뉴얼
• 표 — 비교표, 일정표, 체크리스트
• 코드 — 프로그램 소스, 수식, 설정 파일
• 간단한 웹 화면 — 계산기, 목록 앱, 카드 형태 정리물처럼 실제로 눌러 볼 수 있는 것
• 도표 — 흐름도, 관계도 같은 그림

이 중 실제로 눌러 볼 수 있는 화면이 특히 재미있는 부분입니다. 비개발자에게도 열리는 문이라, 제3부(13~15회)에서 본격적으로 다룹니다.

화면 구성 익히기

아티팩트가 만들어지면 화면이 좌우로 나뉩니다. 왼쪽이 대화, 오른쪽이 결과물입니다.

오른쪽 패널 위쪽에는 결과물의 제목이 있고, 그 근처에 복사·내려받기·닫기 같은 버튼이 모여 있습니다. 버튼 위치와 이름은 화면에 따라 다를 수 있으니, 패널 위쪽 영역을 한번 훑어보는 것으로 익히세요.

패널을 닫아도 결과물이 사라지지 않습니다. 대화 안의 해당 부분을 다시 누르면 열립니다.

🔴 진짜 가치는 '부분 수정'에 있습니다

아티팩트를 그냥 "결과물이 옆에 뜨는 것"으로만 이해하면 절반만 쓰는 것입니다. 핵심은 부분 수정입니다.

일반 대화에서 "세 번째 문단만 고쳐 줘"라고 하면, 클로드는 대개 전체를 다시 씁니다. 그 과정에서 마음에 들었던 다른 부분까지 미묘하게 바뀝니다.

아티팩트에서는 다릅니다. 지목한 부분만 바뀌고 나머지는 글자 그대로 유지됩니다. 여러 번 고쳐도 처음에 잘 나온 부분이 망가지지 않습니다.

수정 요청을 정확히 하는 법

부분 수정의 효과를 보려면 어디를 고칠지 분명히 말해야 합니다.

모호한 요청: "좀 더 부드럽게 해 줘" → 전체가 바뀝니다.
정확한 요청: "두 번째 문단의 마지막 문장만 부드럽게 바꿔 주세요. 나머지는 그대로 두세요."

"나머지는 그대로 두세요"를 붙이는 습관을 들이시면 좋습니다. 이 한마디가 의도치 않은 변경을 크게 줄여 줍니다.

버전 — 되돌릴 수 있습니다

수정할 때마다 새 버전이 쌓입니다. 그리고 이전 버전으로 돌아갈 수 있습니다.

아티팩트 패널에 버전을 오가는 표시(화살표나 번호)가 있습니다. 그것으로 이전 상태를 볼 수 있습니다.

이게 왜 중요하냐면, 고치다가 오히려 나빠지는 일이 자주 있기 때문입니다. 그럴 때 "아까 그게 나았어요"라고 말로 설명하는 대신, 버전을 되돌리면 됩니다.

밖으로 꺼내기

완성된 결과물은 세 가지 방법으로 꺼냅니다.

• 복사 — 패널 위쪽 복사 버튼을 누르면 전체가 클립보드에 담깁니다. 워드나 메모장에 붙여 넣으면 됩니다.
• 내려받기 — 파일로 저장합니다. 형식은 결과물 종류에 따라 다릅니다.
• 공유 — 링크를 만들어 다른 사람에게 보여 줍니다.

공유할 때는 7회에서 말한 주의가 그대로 적용됩니다. 링크를 받은 사람이 무엇까지 보게 되는지 확인하고 보내세요.

따라 하기 ① 문서 하나 만들기

새 대화에서 이렇게 요청해 보세요.

"우리 팀 신입에게 줄 '첫 주 안내문'을 만들어 주세요. 다섯 개 항목 정도로요."

오른쪽에 별도 패널이 뜨면 아티팩트가 만들어진 것입니다. 안 뜨면 "이걸 따로 문서로 만들어 주세요"를 덧붙이세요.

따라 하기 ② 한 부분만 고치기

이제 부분 수정을 해 봅니다.

"세 번째 항목만 더 구체적으로 바꿔 주세요. 나머지는 그대로 두세요."

오른쪽 패널이 갱신됩니다. 다른 항목의 문장이 그대로인지 확인해 보세요. 그대로라면 부분 수정이 제대로 동작한 것입니다.

따라 하기 ③ 형식 통째로 바꾸기

이번엔 큰 변경입니다.

"이 안내문을 표 형태로 바꿔 주세요. 항목과 설명 두 열로요."

같은 내용이 다른 모양으로 재구성됩니다. 내용을 다시 만드는 게 아니라 있는 내용을 옮겨 담는 것이라 결과가 안정적입니다.

따라 하기 ④ 되돌리기

표로 바꾼 게 마음에 안 든다고 해 봅시다. 패널의 버전 표시를 찾아 이전 버전으로 돌아가 보세요.

목록 형태였던 그 상태가 그대로 나옵니다. 말로 "원래대로 돌려 주세요"라고 하는 것보다 정확합니다. 말로 하면 비슷하게 다시 만들 뿐, 똑같지는 않습니다.

따라 하기 ⑤ 꺼내기

마지막으로 복사 버튼을 눌러 메모장이나 워드에 붙여 넣어 보세요.

서식이 어떻게 옮겨지는지 확인하는 것이 이 실습의 목적입니다. 어디에 붙여 넣느냐에 따라 서식이 유지되기도 하고 글자만 옮겨지기도 합니다. 미리 알아 두면 급할 때 당황하지 않습니다.

눌러 볼 수 있는 화면 만들기

조금 놀라운 부분입니다. 클로드는 실제로 동작하는 간단한 화면도 만들 수 있고, 그게 아티팩트 안에서 바로 실행됩니다.

예를 들어 이렇게 요청해 보세요.

"금액을 입력하면 부가세와 합계를 계산해 주는 간단한 화면을 만들어 주세요."

오른쪽 패널에 입력칸과 결과가 나타나고, 숫자를 넣으면 실제로 계산됩니다. 코드를 몰라도 됩니다. 말로 설명하면 만들어집니다.

다만, 한계도 분명합니다

기대치를 맞춰 두는 게 좋습니다.

• 저장이 안 됩니다. 입력한 값은 화면을 닫으면 사라집니다. 데이터를 쌓아 두는 용도가 아닙니다.
• 다른 서비스와 연결되지 않습니다. 은행이나 사내 시스템에서 정보를 가져올 수는 없습니다.
• 규모에 한계가 있습니다. 화면 몇 개짜리 도구는 되지만, 본격적인 프로그램은 다른 이야기입니다.

그러니 이렇게 생각하시면 맞습니다. "설명하기 어려운 걸 보여 주는 도구"이자 "한 번 쓰고 마는 계산기"입니다. 그 용도로는 대단히 유용합니다.

자주 겪는 오류 ① "아티팩트가 안 만들어져요"

결과물이 짧으면 대화 안에서 답하고 끝냅니다. 정상입니다.

원한다면 명시적으로 요청하세요. "이 내용을 따로 문서로 만들어 주세요." 이 한마디로 대부분 해결됩니다.

그래도 안 되면 창구 문제일 수 있습니다. 아티팩트 표시 방식은 웹·데스크톱 앱·모바일 앱에서 다를 수 있습니다. 특히 모바일에서는 좌우 분할 대신 전체 화면으로 열리는 경우가 많습니다.

오류 ② "한 부분만 고쳐 달랬는데 전체가 바뀌었어요"

지목이 모호했을 가능성이 큽니다. "세 번째"보다 "'준비물' 항목"처럼 내용으로 지목하는 편이 정확합니다.

이미 전체가 바뀌었다면 버전을 되돌린 다음 다시 요청하세요. 바뀐 상태에서 또 고치면 점점 멀어집니다.

오류 ③ "화면이 좁아서 결과물이 잘 안 보여요"

좌우 분할이라 각 영역이 좁아집니다. 특히 화면을 확대해 쓰는 환경에서는 심각한 문제가 됩니다.

세 가지 방법이 있습니다.

• 패널을 넓히기 — 가운데 경계선을 끌어 좌우 비율을 조절할 수 있는 경우가 많습니다
• 전체 화면으로 보기 — 패널 위쪽에 확대 버튼이 있으면 결과물만 크게 볼 수 있습니다
• 꺼내서 보기 — 복사해서 평소 쓰는 편한 프로그램에서 읽는 것이 가장 확실합니다

오류 ④ "만들던 게 사라졌어요"

대개 다른 대화로 넘어간 경우입니다. 아티팩트는 그것이 만들어진 대화에 붙어 있습니다. 그 대화를 다시 열면 그대로 있습니다.

7회에서 말한 원칙이 여기서도 적용됩니다. 중요한 결과물은 완성되는 즉시 밖으로 꺼내 두세요. 대화는 작업 공간이지 보관함이 아닙니다.

실전 사례 ① 회의록 다듬기

메모를 붙여 넣고 "이걸 회의록 형식으로 정리해서 문서로 만들어 주세요"라고 요청합니다.

그다음이 아티팩트의 진가입니다. 상사가 "결정 사항을 위로 올려 달라"고 하면 "결정 사항 항목을 맨 위로 옮겨 주세요. 다른 건 그대로요" 한마디면 됩니다. 문서를 처음부터 다시 쓰지 않습니다.

실전 사례 ② 비교표 만들고 계속 채우기

제품이나 방안을 비교할 때 유용합니다.

먼저 "A안과 B안을 가격·기간·위험 세 항목으로 비교하는 표를 만들어 주세요"로 시작합니다. 그리고 새 정보가 나올 때마다 "C안을 추가해 주세요", "'담당자' 열을 추가해 주세요"처럼 얹어 갑니다.

표가 누적되며 자라는 것이 이 방식의 장점입니다. 매번 새로 만들면 앞의 내용을 다시 적어 줘야 합니다.

실전 사례 ③ 저시력 사용자를 위한 결과물 다루기

아티팩트는 저시력 환경에서 양날의 칼입니다.

좋은 점: 결과물이 한 곳에 고정되어 있어, 매번 대화 아래로 스크롤해 최신 버전을 찾을 필요가 없습니다. 이건 확대 환경에서 큰 이점입니다.

불편한 점: 좌우 분할이라 각 영역이 좁아집니다.

권하는 방식은 이렇습니다. 작업 중에는 아티팩트에서 고쳐 나가되, 내용을 꼼꼼히 읽어야 할 때는 복사해서 평소 쓰는 편한 프로그램에서 읽는 것입니다. 글자 크기와 배경색을 내 환경에 맞춰 놓은 곳에서 읽는 편이 언제나 낫습니다.

핵심 정리 3줄

• 아티팩트는 결과물을 옆에 두는 별도 화면입니다. 대화창이 결과물로 도배되지 않습니다.
• 진짜 가치는 부분 수정입니다. "○○만 고치고 나머지는 그대로 두세요"를 습관으로 만드세요.
• 되돌릴 수 있습니다. 고치다 나빠졌으면 말로 설명하지 말고 이전 버전으로 돌아가세요.

용어 정리

• 아티팩트 — 대화와 분리되어 별도 패널에 놓이는 결과물.
• 부분 수정 — 지목한 부분만 바꾸고 나머지는 그대로 두는 방식.
• 버전 — 수정할 때마다 쌓이는 이전 상태들. 되돌아갈 수 있습니다.
• 내보내기 — 완성된 결과물을 복사·내려받기·공유로 밖으로 꺼내는 것.
• 동작하는 화면 — 눌러 볼 수 있는 간단한 웹 화면. 저장·연동은 되지 않습니다.

다음 회차 예고와 실습 과제

11회 「웹 검색과 결과 신뢰하기」에서는 클로드가 인터넷에서 정보를 찾아오는 기능을 다룹니다. 검색을 켜고 쓰는 법, 출처를 확인하는 습관, 그리고 최신 정보를 어디까지 믿어야 하는지의 기준선입니다. 5회에서 배운 "확실하지 않으면 표시해 주세요"가 실전에서 어떻게 쓰이는지 보게 됩니다.

실습 과제 두 가지

• ① 아무 문서나 만들게 한 뒤, "○○ 부분만 고치고 나머지는 그대로 두세요"로 세 번 수정해 보세요. 고치지 말라고 한 곳이 정말 그대로인지 확인하는 것이 목적입니다.
• ② "금액을 넣으면 부가세와 합계를 계산해 주는 화면"을 만들어 실제로 숫자를 넣어 보세요. 코드를 몰라도 만들어진다는 감각을 직접 확인해 보시는 겁니다.

②번을 해 보시고 "이런 것도 되나?" 싶은 아이디어가 떠오르면 댓글로 남겨 주세요. 제3부(13~15회)에서 다룰 주제 후보로 삼겠습니다.

본 회차는 2026년 8월 2일 기준입니다. 아티팩트의 표시 방식과 버튼 구성은 창구(웹·데스크톱 앱·모바일 앱)와 버전에 따라 다를 수 있으며, 모바일에서는 좌우 분할 대신 전체 화면으로 열리는 경우가 많습니다. 화면과 이 글이 다르면 화면이 맞습니다.

협업문의 : kuroicode@gmail.com
블로그 : https://ghost-production-0ec2.up.railway.app/
홈페이지 : https://kuroicode-beep.github.io/svil-homepage/