전통적으로 AI 애플리케이션을 구축하려면 API 키 관리, 비용 걱정, 복잡한 배포 처리, 실수로 인한 속도 제한 초과 등 많은 것들이 필요했습니다. Claude의 아티팩트를 사용하면 설정의 번거로움을 건너뛰고 Claude의 지능이 바로 내장된 완전히 기능하는 AI 기반 애플리케이션을 구축할 수 있습니다. 이러한 아티팩트는 기존 사용량 제한을 사용하므로 API 키, 호출당 요금, 배포 번거로움이 없어서 재미있는 부분에 집중할 수 있습니다.
이 가이드에서는 Claude를 사용하여 AI 기반 애플리케이션을 빠르게 구축, 테스트 및 공유하는 방법을 배우게 됩니다.
Claude 아티팩트 내에서 Claude API 구성하기
Claude.ai 아티팩트 내에서 제한된 텍스트 기반 완성을 사용하는 것은 매우 간단합니다.
필요에 따라 추가 지시사항과 함께 Claude에게 Claude를 사용하도록 요청하기만 하면 아티팩트에 AI 기능을 추가할 수 있습니다.
선택적으로 아래의 샘플 프롬프트로 제대로 작동하는지 테스트할 수 있습니다.
이 간단한 프롬프트를 사용하여 아티팩트에 내장된 API가 예상대로 작동하는지 테스트하세요:
Create a simple chatbot that uses Claude. Respond with compliments to every user input.
이 프롬프트를 시도하면 Claude가 사용자가 무엇이든 입력할 수 있고 LLM 기반 칭찬을 받을 수 있는 "칭찬 봇"을 만드는 것을 볼 수 있습니다!
첫 번째 AI 아티팩트에 대한 영감
API를 통해 Claude와 상호작용하는 아티팩트를 만들 수 있는 가능성은 상상력만큼 무한합니다. 시작하기 위해 구축할 수 있는 4가지 유형의 앱이 있습니다:
학습 및 교육 도구 — AI를 갖춘 대화형 튜터 및 학습 동반자는 사용자의 학습 필요를 더 잘 이해할 수 있습니다. 사전 구성된 지침에 따라 스타일 및 모범 사례에 대한 상세한 피드백을 제공하는 코드 리뷰어, 또는 선택한 언어로 채팅하고 배울 수 있는 이 언어 튜터와 같습니다.
콘텐츠 생성 도구 — 사전 구성된 지침에 따라 창의적인 작업 및 콘텐츠를 브레인스토밍, 개발 및 개선하는 데 도움이 되는 협업 어시스턴트는 작업을 더 빠르게 완료하는 데 도움이 될 수 있습니다. 내부 Slack 게시물을 받아 LinkedIn에서 공유할 수 있도록 준비하는 작성 도구, 또는 이 한 페이지 PRD 메이커와 같습니다.
분석 및 의사결정 지원 - 사용자 데이터를 처리하고 대화를 통해 정보에 입각한 의사결정을 하는 데 도움이 되는 지능형 도구는 조직의 효율성을 높이는 데 좋습니다. "5가지 이유" 프레임워크를 통해 팀이 문제의 근본 원인을 파악하도록 설계된 이 도구와 같습니다.
재미있는 앱 — 결국 최고의 앱은 독특한 관점과 좋은 아이디어에서 나옵니다. 이 꿈 해석기는 완벽한 예입니다. 꿈꿀 수 있다면 아마도 구축할 수 있을 것입니다.
Claude로 아티팩트를 구축하기 위한 팁
Claude로 구축할 때 최고의 결과를 얻기 위해 다음 팁을 고려하세요.
Claude가 당신을 인터뷰하도록 하세요: 아이디어로 대화를 시작하고 Claude가 당신을 인터뷰하여 아티팩트에 적합한 프롬프트로 정제하도록 하는 것을 고려하세요. Claude는 당신의 비전을 현실로 만들기 위해 질문을 하고 기능을 제안할 수 있습니다.
후속 프롬프트로 반복하세요: 필요에 따라 Claude에게 아티팩트를 수정하도록 요청하기만 하면 됩니다. 버튼을 더 크게 만들기, 매번 200단어 이하로 응답하기, 색상 구성표 변경하기 등을 요청할 수 있습니다. 각 요청은 이전 버전을 기반으로 하며 Claude는 당신이 구축한 것과 그 이유에 대한 컨텍스트를 유지합니다.
대화를 통해 디버깅하세요: 뭔가 깨지면 "Claude로 수정" 버튼을 클릭하거나 평문으로 문제를 설명하세요("계산기가 소수점으로 작동하지 않음", "게임이 레벨 3에서 충돌함"). 기술적 오류 메시지를 이해할 필요가 없습니다.
포킹으로 실험하세요: 이전 메시지로 돌아가서 "편집"을 클릭하여 새로운 대화 분기를 만들고 다양한 접근 방식을 시도하세요. 항상 원본 버전으로 돌아갈 수 있으므로 스타일, 기능 또는 완전히 다른 방향으로 대담한 실험을 할 수 있습니다.
Claude 아티팩트 공유하기
아티팩트로 프로토타입을 만드는 또 다른 이점은 외부에서 호스팅할 필요 없이 아이디어를 공유할 수 있다는 것입니다.
단 몇 번의 클릭으로 프로토타입 공유하기
아티팩트 메뉴의 오른쪽 상단에 있는 "게시" 버튼을 클릭하고 링크를 배포하기만 하면 됩니다.
이 링크는 공유한 아티팩트의 특정 버전에 해당하며, 이 링크를 가진 누구나 게시를 취소할 때까지 당신의 창작물에 접근할 수 있습니다. (항상 "게시됨" 탭으로 돌아가서 이전에 공유한 모든 아티팩트를 볼 수 있습니다.)
프로토타입에서 프로덕션으로 이동
아티팩트는 AI 기반 앱의 프로토타입 제작 및 공유에 탁월하지만 테스트 및 시연에 가장 적합합니다. 어느 시점에서는 적절한 API 키 관리를 구현하고 더 강력한 인프라를 구축하고 싶을 것입니다. 결국 claude.ai의 몇 가지 기술적 제한(예: 인터리브된 스크립트 부재)에 직면하게 될 것입니다.
이유가 무엇이든, 아티팩트를 다음 단계로 가져갈 준비가 되면 Claude의 코드를 복사하여 선택한 편집기에 붙여넣을 수 있습니다. 그곳에서 Claude Code가 준비되어 있습니다.
구축하면서 Claude를 다음 단계 및 새로운 아이디어에 대한 브레인스토밍 파트너로 계속 작업하고, 전술적 실행을 위해 Claude Code를 사용하세요. 금방 완전히 검증되고 프로덕션 준비가 된 앱을 갖게 될 것입니다.
자주 묻는 질문
아티팩트란 무엇이고 프로토타입 제작에 왜 사용하나요?
아티팩트는 Claude가 대화 중에 만드는 자체 포함된 코드 조각입니다. 채팅 옆의 전용 패널에 나타나므로 실시간으로 쉽게 보고, 편집하고, 상호작용할 수 있습니다. 또한 단 몇 번의 클릭으로 전 세계와 공유할 수 있습니다.
AI 앱 프로토타입 제작의 경우 아티팩트는 기존 개발 흐름에 비해 몇 가지 주요 이점을 제공합니다.
즉각적인 피드백 — Claude가 생성할 때 작동하는 코드를 즉시 테스트하세요
빠른 반복 — 테스트를 기반으로 실시간으로 변경을 요청하세요
내장된 AI 기능 — 추가 비용이나 설정 없이 Claude API 호출을 추가하세요
친구나 팀원과 아티팩트에서 협업할 수 있나요?
Claude 계정이 있는 사람이 공유 링크를 클릭하면 Claude와 대화하여 아티팩트를 사용자 정의하고 수정할 수 있습니다. 그렇게 하면 원본을 편집하는 대신 자신의 복사본을 만들므로 당신의 버전은 정확히 당신이 만든 대로 유지되고 그들은 자신의 변형을 개발합니다. 빠른 반복 및 과거 앱 아이디어의 기록 유지에 좋습니다.
아티팩트의 AI에 대해 어떤 종류의 사용량 제한이 있나요?
당신의 앱을 사용하는 사람은 자신의 계획에 대한 사용량을 발생시킵니다. 즉, 당신이 API 사용량을 구축하고 테스트할 때는 당신의 계획에 대해 계산되지만, 다른 사람이 공유 앱을 사용할 때는 사용량이 대신 그들의 계획에 대해 계산됩니다.
가장 간단하게 말하면, 누군가 당신의 Claude 기반 앱을 사용할 때:
그들은 기존 Claude 계정으로 인증합니다
그들의 API 사용량은 당신의 구독이 아닌 그들의 구독에 대해 계산됩니다
당신은 그들의 사용량에 대해 아무것도 지불하지 않습니다
아무도 API 키를 관리할 필요가 없습니다