위젯
채팅 화면에 보여줄 HTML 상태창과 JSX 컴포넌트, 스킬을 정해요. 전문가 모드 전용이에요.
위젯 그룹은 전문가 모드에서만 나타나요. 채팅 화면에 보이는 상태창과 컴포넌트를 만드는 곳이에요.
채팅에서 결과를 확인해요
상태창과 위젯은 정량제 대화에서 표시되지 않아요. 종량제 채팅에서 만든 결과를 확인해요.
공식 스타터의 예시 라벨을 살펴보고, 필요한 상태만 담아 시작해요.
기능을 골라요
| 만들고 싶은 것 | 고를 기능 |
|---|---|
| 장소·시간·관계처럼 현재 상태를 보여주기 | HTML 상태창 |
| 채팅 화면에 보일 내용을 화면 요소로 구성하기 | JSX 컴포넌트 |
| 반복해서 사용할 명령을 짧게 불러오기 | 스킬 설정 |
세 기능은 쓰임이 달라요. 지금 장면의 상태를 계속 보여주려면 HTML 상태창을 골라요. 정보를 목록이나 카드처럼 표현하려면 JSX 컴포넌트를 살펴봐요. 같은 작업을 반복한다면 스킬로 등록해요.
HTML 상태창 시작하기
공식 스타터에서 원하는 형태를 고르거나 빈 상태창으로 시작해요. 현재 장소, 현재 목표, 등장인물 관계처럼 대화 중 자주 확인할 정보를 짧게 정리해요. 상태창 하나에는 하나의 목적만 담아 내용을 빠르게 읽을 수 있게 해요.
확인 순서
스타터 고르기
공식 스타터의 예시를 살펴보고 필요한 형태를 골라요.
보여줄 상태 정하기
장면을 이해하는 데 필요한 정보만 남겨요.
채팅에서 확인하기
상태창이 대화의 핵심 내용을 가리지 않는지 확인해요.
JSX 컴포넌트와 스킬
JSX 컴포넌트는 등장인물 목록이나 선택 정보를 하나의 화면 요소로 보여줄 때 사용해요. 처음에는 필요한 정보만 넣고 화면에서 읽기 쉬운지 확인해요.
스킬 설정은 반복하는 작업을 짧은 이름으로 불러올 때 사용해요. 스킬 추가를 눌러 새로 만들거나 내 스킬 목록·스킬 모음에서 골라요. 이름만 보고 작업을 알 수 있게 정리해요.
세 기능을 한꺼번에 바꾸지 말고 하나씩 채팅에서 확인해요. 처음에는 HTML 상태창 하나로 시작하고, 화면 구성이 더 필요할 때 JSX 컴포넌트를 살펴봐요. 반복할 작업이 생기면 스킬 설정을 더해요.
다음 단계
로어북에서 키워드별 설정을 정리해요.