이 가이드는 캐릭터 챗봇 작품에서 JSX 컴포넌트를 활용하기 위한 고급 유저용 가이드입니다.
작품 제작 페이지의 에이전트 기능을 활용하시면 보다 쉽게 JSX 컴포넌트를 제작하실 수 있어요.
JSX 템플릿 활용하기
템플릿을 활용하면 작품에 빠르게 JSX를 적용할 수 있어요!
- 제작페이지 JSX-템플릿 탭 접근
- 원하는 템플릿을 선택하여 템플릿 파일 추가
- 코드 상단의 템플릿 활용 가이드를 따라 상세 프롬프트에 관련 프롬프트 추가
에이전트 활용하여 내 작품에 JSX 붙이기
- 제작페이지 접근
- 우측 하단 주황색 로봇 아이콘 클릭
- 에이전트 탭 선택
- 우측 하단 에이전트 기능-JSX 선택
- 만들고 싶은 JSX 컴포넌트를 질문/답변으로 생성
- 만들어진 JSX 컴포넌트를 복사하여 ‘JSX 컴포넌트’ 탭 접근
- ‘추가’ 버튼 클릭
- 코드에 붙여넣고 컴포넌트 이름 작성
- JSX 활용방법을 상세 프롬프트에 작성
- 테스트 채팅으로 직접 만든 JSX 테스트!
우마이 JSX 컴포넌트 도우미 GEMS 활용하기