본문 바로가기
Q&A2025년 1월 8일1분 읽기

Claude Artifacts가 뭔가요?

서
서하린
조회 547댓글 1

Claude에서 Artifacts라는 기능이 뭔가요?

댓글 1

김김영삼1년 전

Artifacts는 Claude가 생성한 코드, 문서, 차트 등을 실시간으로 미리보기하는 기능입니다.

예시:

  • "React로 투두 앱 만들어줘" → 오른쪽 패널에서 즉시 실행
  • "데이터로 차트 그려줘" → SVG 차트 실시간 렌더링
  • "마크다운 문서 작성해줘" → 포맷된 문서 미리보기

지원 타입: React 컴포넌트, HTML, SVG, Mermaid 다이어그램, Markdown

코드를 직접 실행할 수 있어서 프로토타이핑에 매우 유용합니다. "이 버튼 색상 바꿔줘" 같은 실시간 수정도 가능합니다.

Ctrl+Enter로 등록