Claude AI의 코드 미리 보기 Artifacts 실행하는 방법

Claude AI에서 코드 작성시 코드를 그냥 보는것뿐만 아니라 미리 실행해 볼수 있는 기능이Artifacts 입니다.

기본적으로 켜져 있는거 같진 않고 사용자가 On 시켜야 활성화 됩니다.

 

Claude에서 Artifacts 기능 활성화

 

1. Claude 로그인

 

2. Feature Preview

 

3. Artifacts On 설정

 

4. 웹 브라우져 창 닫기

 

5. 다시 Claude 실행

 

6. 코드 생성후 Artifacts 에서 코드 실행하기

 

---

 

샘플

스피드 퀴즈 웹앱 만들어줘 .html

 

 

 

시작 버튼 누르고 답을 입력하면 정답, 오답을 알수 있게 실행된다.

 

웹 페이지에서 실행해야 하기에 html, js로 작성된 코드만 실행되는거 같다. 파이썬 코드로 만들면 코드만 보인다.