검색
검색
공개 노트 검색
회원가입로그인

ChatGPT 리액트 렌더링 기능 추가 - 리액트 코드를 짜고 실행하기

챗지피티에서 캔버스를 활용해서 리액트 코드를 만들고 실행할 수 있게 되었습니다.

ChatGPT 리액트 렌더링 기능 추가 - 리액트 코드를 짜고 실행하기 image 1

아이콘에서 캔버스를 선택한 후 리액트를 사용해서 계산기를 만들어 달라고 해보겠습니다.

ChatGPT 리액트 렌더링 기능 추가 - 리액트 코드를 짜고 실행하기 image 2

여기에서 우측 상단에 보시면 미리보기가 있을 겁니다. 이 '미리보기'로 리액트를 실행하면 됩니다.

ChatGPT 리액트 렌더링 기능 추가 - 리액트 코드를 짜고 실행하기 image 3

제목을 누르면 콘솔도 켤 수 있는 것을 알 수 있습니다. 위의 이미지에서는 실행됨으로 콘솔에 표시되죠?

클로드의 아티팩트에 대응하는 것으로 보입니다.

그리고 개발 관련해서 기능들도 업데이트 하는 것을 볼 수 있습니다. OpenAI의 개발 에이전트가 등장할 수 도 있다는 이야기가 있습니다.

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
조회수 : 302
heart
T
페이지 기반 대답
AI Chat