React 아티팩트 뷰어
React 아티팩트나 JSX 스니펫을 붙여넣고 Sandpack으로 브라우저에서 바로 미리보기. 설치도 계정 가입도 없이 즉시 렌더링됩니다.
코드 붙여넣기
팁: 기본 내보내기 App 컴포넌트를 작성하세요(예: "export default function App() undefined"). 이것이 React 아티팩트의 표준 형식입니다.
라이브 미리보기
진짜 React 렌더링
Sandpack이 브라우저에서 실제 번들러로 JSX를 실행합니다. 훅, 상태, Tailwind 클래스, npm 스타일 임포트까지 모두 동작합니다.
AI 아티팩트에 최적화
AI 아티팩트의 표준 형식은 자체 완결형 App 컴포넌트입니다. Claude, DeepSeek, v0, Bolt에서 바로 붙여넣어도 그대로 렌더링됩니다.
무료 & 프라이빗
모든 것이 브라우저에서 로컬로 실행됩니다. 코드는 업로드되거나 저장되지 않습니다. 가입 불필요, 신용카드 불필요, 제한 없음.
React 아티팩트 뷰어 FAQ
React 아티팩트란 무엇인가요?
React 아티팩트는 작은 인터랙티브 웹 앱으로 — 주로 Claude나 DeepSeek 같은 AI 어시스턴트가 생성하며 — 바로 미리 보고 실행할 수 있는 단일 React(JSX) 컴포넌트 형태로 제공됩니다.
React 아티팩트를 온라인에서 미리 보려면?
아티팩트의 JSX 코드를 위 에디터에 붙여넣고 실행을 누르세요. Sandpack 기반 미리보기가 브라우저에서 실시간으로 렌더링합니다 — 설치도, 회원가입도 없이.
이 React 아티팩트 뷰어는 무료인가요?
네 — 회원가입 없이 100% 무료입니다. 단순 실행이 아니라 새 아티팩트를 생성하고 싶다면, 내장 DeepSeek App Builder로 매일 무료 생성을 이용할 수 있습니다.
어떤 코드가 뷰어에서 동작하나요?
useState 훅과 인라인 스타일 또는 Tailwind 클래스를 포함한 단일 파일 React 컴포넌트입니다. AI 챗봇이 아티팩트용으로 출력하는 것과 같은 형식입니다.
더 많은 무료 AI 도구 및 가이드
보기만 하지 말고, 아티팩트를 직접 생성해 보세요.
DeepSeek App Builder로 앱 아이디어를 일상 언어로 설명하면 몇 초 만에 편집 가능한 React 아티팩트를 받을 수 있습니다.