메인 콘텐츠로 건너뛰기

프로젝트를 위한 사용자 정의 인터페이스 생성

인터페이스는 프로젝트 관리자가 기존 프로젝트 리소스 — 에이전트, 채팅, 스마트 테이블, 대시보드, 지식 베이스, 작업, 워크플로우, 문서 및 회의 — 위에 사용자 정의 멀티페이지 애플리케이션을 만들 수 있는 노코드 앱 빌더입니다. 기본 채팅 경험 대신 여러 페이지, 드래그 앤 드롭 위젯, 사용자 정의 브랜딩 및 공유 가능한 공개 URL을 갖춘 목적에 맞는 인터페이스를 구축할 수 있습니다.

멀티페이지 애플리케이션

사용자 정의 탐색 구조로 구성된, 각각 다른 기능을 수행하는 여러 페이지로 인터페이스를 만듭니다.

드래그 앤 드롭 캔버스

AI, 데이터, 작업 및 콘텐츠 위젯 라이브러리를 사용하여 12열 그리드로 페이지를 구축합니다.

사용자 정의 브랜딩

로고, 색상, 탐색 레이아웃, 파비콘 및 CSS를 브랜드에 맞게 사용자 정의합니다.

게시 및 공유

공개 URL을 통해 인터페이스를 게시하고 멤버 액세스를 제어합니다.

주요 개념​

인터페이스

인터페이스는 프로젝트의 완전한 사용자 경험을 구성하는 페이지 모음입니다. 각 프로젝트는 여러 인터페이스를 가질 수 있습니다.

속성설명
이름인터페이스의 표시 이름
게시됨인터페이스가 공개 URL을 통해 최종 사용자에게 제공되는지 여부
브랜딩사용자 정의 로고, 색상, 탐색 레이아웃, 파비콘 및 CSS
페이지

페이지는 인터페이스 내의 단일 화면입니다. 각 페이지에는 이름, 아이콘 및 탐색 순서가 있습니다. 페이지는 위젯을 캔버스에 드래그하여 구축하며, 사전 구축된 템플릿에서 만들 수도 있습니다.

위젯

위젯은 12열 드래그 앤 드롭 그리드에 배치되는 페이지의 구성 요소입니다. 전체 목록은 아래의 위젯 라이브러리 섹션을 참조하세요.

위젯 라이브러리​

위젯설명
채팅에이전트와 AI 채팅
에이전트 카드에이전트 선택 카드

시작하기​

인터페이스 만들기​

  1. 인터페이스로 이동

    프로젝트 사이드바에서 인터페이스를 클릭합니다.

  2. 새 인터페이스 만들기
    • 인터페이스가 아직 없는 경우, 페이지 중앙의 + 첫 번째 인터페이스 만들기를 클릭합니다.
    • 인터페이스가 이미 있는 경우, 오른쪽 상단의 + 새 인터페이스를 클릭합니다.
  3. 인터페이스 이름 지정

    새 인터페이스 모달이 나타납니다. 이름을 입력하고 만들기를 클릭합니다. 인터페이스 빌더로 이동합니다.

인터페이스 빌더 레이아웃​

인터페이스 빌더 안에는 세 가지 주요 영역이 있습니다:

영역설명
왼쪽 사이드바페이지 목록 및 위젯 패널
캔버스페이지 편집 영역 — 여기에 위젯을 드래그하여 구축
오른쪽 패널선택된 위젯의 구성 설정

상단 표시줄에는 다음과 같은 컨트롤이 있습니다:

실행취소 / 다시실행

변경 사항을 이전 또는 다음으로 단계별로 이동합니다.

반응형 뷰

데스크톱, 태블릿 및 모바일 미리보기 간에 전환합니다.

편집 / 미리보기

편집 모드와 빌더 내 미리보기 간에 전환합니다.

전체 미리보기

인터페이스를 새 탭에서 최종 사용자가 보게 될 대로 엽니다.

명령 팔레트 (⌘K)

키보드를 통해 빌더 작업에 빠르게 액세스합니다.

게시 / 저장

작업을 저장하거나 인터페이스를 공개 URL로 게시합니다.

페이지 구축​

페이지 추가​

  1. 새 페이지 모달 열기

    왼쪽 사이드바에서 페이지 옆의 **+**를 클릭합니다.

  2. 템플릿 선택

    카테고리별로 필터링하거나(모든 템플릿, 시작, 스타터, 고급) 사용 가능한 템플릿 중 하나를 선택합니다.

    빈 페이지

    빈 캔버스에서 처음부터 시작합니다.

    분석 대시보드

    KPI 카드, 차트 및 최근 활동 테이블.

    작업 양식

    작업을 트리거하는 중앙 정렬 양식.

    테이블 뷰

    헤더가 있는 전체 너비 데이터 테이블.

    채팅 작업 공간

    사이드바 컨텍스트가 포함된 임베디드 채팅.

    에이전트 허브

    헤더와 필터가 있는 에이전트 카드 그리드.

    작업 패널

    모든 사용 가능한 작업의 검색 가능한 그리드.

    채팅 + 테이블

    나란히 표시되는 채팅 및 데이터 뷰.

  3. 페이지 이름 지정

    모달 하단에 페이지 이름을 입력합니다(템플릿 이름이 기본값).

  4. 페이지 만들기

    페이지 만들기를 클릭합니다. 페이지가 인터페이스에 추가되고 캔버스에서 열립니다.

위젯 추가​

  1. 위젯 찾기

    왼쪽의 위젯 패널에서 카테고리별로 탐색하거나 검색창을 사용합니다.

  2. 캔버스에 추가

    위젯을 캔버스에 드래그하거나 클릭하여 자동으로 배치합니다.

  3. 위치 조정 및 크기 변경

    12열 그리드에서 위젯을 이동하고 크기를 조정하여 원하는 레이아웃을 달성합니다.

  4. 위젯 구성

    위젯을 선택하여 오른쪽 패널에서 설정을 엽니다.

페이지 관리​

페이지 옵션에 액세스하려면 사이드바에서 페이지 위에 마우스를 올려 놓고 나타나는 ⋯ (점 3개 메뉴)를 클릭합니다. 다음과 같은 옵션이 제공됩니다:

이름 변경

이름 변경을 클릭하면 사이드바에서 페이지 이름이 직접 편집 가능한 텍스트 필드로 전환됩니다. 새 이름을 입력하고 확인합니다.

아이콘 변경

아이콘 변경을 클릭하면 페이지 이름 아래에 아이콘 선택기가 열립니다. 어떤 아이콘을 클릭해도 즉시 적용됩니다 — 저장 단계가 필요하지 않습니다.

그룹에 추가

그룹에 추가를 클릭하면 텍스트 입력이 포함된 인라인 패널이 열립니다. 그룹 이름(예: "관리자", "보고서")을 입력하고 저장을 클릭하여 탐색에서 레이블이 지정된 그룹으로 페이지를 구성합니다. 페이지를 그룹에서 제거하려면 필드를 비워 두고 저장을 클릭합니다.

페이지 순서 변경

페이지 목록에서 페이지를 클릭하고 드래그하여 순서를 변경합니다. 이 순서는 게시된 인터페이스의 탐색 순서를 결정합니다.

삭제

삭제를 클릭하면 브라우저 확인 대화 상자가 나타납니다: "이 페이지를 삭제하시겠습니까? 이 작업은 취소할 수 없습니다." 확인하려면 확인, 취소하려면 취소를 클릭합니다. 인터페이스에는 항상 최소 하나의 페이지가 있어야 합니다.

인터페이스 미리보기​

상단 표시줄의 편집 / 미리보기 토글을 사용하여 현재 페이지의 편집 모드와 빌더 내 미리보기 간에 전환합니다. 빌더를 떠나지 않고 레이아웃을 확인할 때 유용합니다.

인터페이스 브랜딩​

상단 표시줄에서 인터페이스 이름 옆의 팔레트 아이콘을 클릭하여 인터페이스 브랜딩 모달을 엽니다.

설정설명
표시 제목사이드바 헤더에 표시되는 텍스트
로고 URL정사각형 이미지, 256×256 PNG 권장

변경 사항을 적용하려면 브랜딩 저장을 클릭합니다.

게시​

경고

저장과 게시는 별도의 작업입니다. 게시하기 전에 항상 변경 사항을 저장하세요. 저장하지 않은 변경 사항이 있는 상태에서 게시 모달을 열면 경고 배너가 먼저 저장하도록 안내합니다.

  1. 게시 모달 열기

    인터페이스 빌더의 오른쪽 상단에서 게시를 클릭합니다.

  2. 공개 URL 설정

    인터페이스의 URL 슬러그를 입력합니다. 소문자, 숫자 및 하이픈만 사용할 수 있습니다.

  3. 멤버 액세스 관리

    멤버 액세스 관리에서 이 인터페이스에 액세스해야 하는 사용자를 검토하거나 추가합니다.

  4. 웹에 게시

    웹에 게시를 클릭합니다. 인터페이스가 이제 공개 URL에서 라이브 및 액세스 가능합니다.

인터페이스를 사용 불가능하게 하려면 게시 모달을 열고 게시 취소 옵션을 사용합니다.

명령 팔레트​

⌘K (Mac) 또는 Ctrl+K (Windows)를 누르거나 상단 표시줄의 ⌘K 버튼을 클릭하여 명령 팔레트를 엽니다.

사용 가능한 명령
명령단축키
변경 사항 저장⌘S
웹에 게시—
미리보기 전환—
브랜딩 설정 열기—
템플릿에서 새 페이지—
실행취소⌘Z
다시실행⌘⇧Z
페이지 전환빠른 탐색을 위해 모든 페이지 나열

명령, 페이지 이름 또는 위젯 이름을 입력하여 검색합니다. 닫으려면 Esc를 누릅니다.

사용 사례​

고객 지원

채팅 작업 공간 — 에이전트 컨텍스트가 있는 지원 채팅

지식 베이스 — 도움말 문서 및 문서화

작업 양식 — 티켓 또는 요청 제출

데이터 관리

분석 대시보드 — KPI 카드 및 차트

테이블 뷰 — 레코드 검토를 위한 전체 데이터 테이블

사용자 정의 페이지 — 보고를 위한 차트 및 KPI 위젯

워크플로우 자동화

작업 패널 — 워크플로우 탐색 및 실행

워크플로우 실행 — 실행 상태 및 이력 추적

분석 대시보드 — 핵심 지표 및 실행 이력

문제 해결​

인터페이스가 표시되지 않음

가능한 원인:

  • 인터페이스가 아직 게시되지 않았습니다
  • 잘못된 프로젝트를 보고 있습니다
  • 필요한 권한이 없습니다

인터페이스 게시 상태를 확인하고 올바른 프로젝트에 있는지 확인하세요.

페이지가 로드되지 않음

가능한 원인:

  • 위젯이 잘못 구성되었습니다
  • 참조된 리소스(에이전트, 테이블, 작업 등)가 더 이상 존재하지 않거나 액세스할 수 없습니다

오른쪽 패널에서 위젯 설정을 검토하고 참조된 모든 리소스가 사용 가능한지 확인하세요.

저장되지 않은 변경 사항 경고

보류 중인 변경 사항이 있으면 상단 표시줄에 저장되지 않은 변경 사항 표시기가 나타나고 저장 버튼이 주황색으로 변경됩니다.

최신 변경 사항이 적용되도록 미리보기 또는 게시하기 전에 저장을 클릭하세요.

게시 모달의 경고 배너

저장하지 않은 변경 사항이 있는 상태에서 게시하려고 할 때 이 배너가 나타납니다.

모달을 닫고 저장을 클릭한 다음 게시 모달을 다시 열어 진행합니다.

다음 단계​

에이전트

채팅 위젯을 구동하는 에이전트를 구성합니다.

스마트 테이블

데이터 위젯 및 대시보드를 위한 스마트 테이블을 설정합니다.

워크플로우

작업 위젯에서 사용할 워크플로우를 구축합니다.

지식 베이스

KB 위젯을 위한 지식 베이스를 관리합니다.