AI 페이지 생성

Hops의 AI 페이지 생성 기능을 사용하면 자연어로 설명하는 것만으로도 원하는 백오피스 페이지를 빠르게 만들 수 있습니다. AI는 사용자의 설명을 이해하고 적절한 컴포넌트와 워크플로우를 조합하여 완성된 페이지를 제작합니다.

시작하기

페이지 목록에서 AI 페이지 생성버튼을 클릭하면 AI 페이지 생성 화면으로 이동합니다.

AI와 대화하기

AI 페이지 생성은 두 가지 방법으로 시작할 수 있습니다:

1. 직접 설명 입력하기: 만들고 싶은 페이지에 대해 자유롭게 설명을 입력합니다. 페이지 생성에 사용할 데이터 소스를 선택할 수 있습니다.
   • 예시: "고객 정보를 조회하고 수정할 수 있는 관리자 페이지를 만들어주세요"
2. 빠른 질문 버튼 사용하기
   • 미리 준비된 질문 중 하나를 선택합니다
   • 제공되는 빠른 질문들:
     • "고객, 주문 내역 관리"
     • "주문 데이터 대시보드"
     • "상품 상세 정보 관리"

페이지 생성 화면 구성

AI 페이지 생성 화면은 세 개의 주요 영역으로 구성됩니다:

1. 좌측: 섹션 선택기

• 페이지를 구성하는 섹션들을 추가하고 변경 할 수 있습니다

2. 중앙: 페이지 미리보기

• AI가 생성하는 페이지를 실시간으로 확인할 수 있습니다
• 섹션 선택이나 AI와의 대화를 통한 변경사항이 즉시 반영됩니다

3. 우측: AI 채팅 영역

• AI와 대화하면서 페이지를 수정하고 개선할 수 있습니다
• AI는 다음과 같은 정보를 제공합니다:
  • 페이지 생성 진행 상태
  • 생성된 컴포넌트와 워크플로우에 대한 설명
  • 페이지 기능 제안 및 추가 요청
  • 사용자 질문에 대한 답변

페이지 생성 과정

1. 어드민 페이지에 대한 설명 입력

   • 원하는 페이지에 대한 설명을 입력하거나 빠른 질문을 선택합니다
   • AI가 설명을 분석하고 기본 페이지 구조를 생성합니다

2. 대화식 개선

   • AI와 대화하면서 페이지를 세부적으로 조정할 수 있습니다
   • 필요한 기능을 설명하면 AI가 가장 최적의 UI를 제안하고 추가합니다.
   • 모든 변경사항은 중앙 미리보기 영역에서 실시간으로 확인됩니다

3. 섹션 추가 및 수정

   • 섹션 선택기를 통해 직접 섹션을 추가하거나 수정할 수 있습니다
   • 원하는 섹션을 선택하면 가장 알맞은 데이터를 표시할 수 있도록 AI가 데이터를 생성합니다.
   • 모든 변경사항은 중앙 미리보기 영역에서 실시간으로 확인됩니다

4. 생성 완료

   • 우측 상단의 '생성 완료' 버튼을 클릭하면 AI가 다음 작업을 수행합니다:
     1. 필요한 워크플로우 생성
     2. 워크플로우와 섹션 간의 연동 최적화
     3. 최종 페이지 생성 및 배포 준비

생성된 페이지 활용

생성이 완료된 페이지는 다음과 같이 활용할 수 있습니다:

• 즉시 배포하여 사용
• 페이지 편집기에서 추가 수정
• 다른 페이지의 템플릿으로 활용

페이지 생성 중 어려움이 있으시거나 추가 기능이 필요하신가요? 메일(contact@hopsoffice.com)로 문의하시면 원격 지원을 통해 도와드리겠습니다.