> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kazzle.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 앱 패턴

> 일반적인 작업에 맞는 Kazzle 앱 형태를 선택하세요.

# 앱 패턴

작업에 맞는 가장 작은 앱 형태를 선택하세요. 앱에 필요한 경우에만 프로세스, 데이터베이스, 동기화 또는 AI API를 추가하세요.

| 사용자 요구                   | 사용                   | 참고                                                                                    |
| ------------------------ | -------------------- | ------------------------------------------------------------------------------------- |
| 랜딩 페이지, 보고서, 정적 페이지      | UI 앱                 | UI 컴포넌트 하나면 충분합니다.                                                                    |
| 서버 데이터가 있는 대시보드 또는 내부 도구 | UI + 프로세스            | API 경로와 자격증명을 프로세스 컴포넌트에 보관하세요.                                                       |
| 지속적인 앱 데이터               | UI + 프로세스 + 데이터베이스   | 새로 만들기 전에 적합한 활성 데이터베이스를 재사용하세요.                                                      |
| 오프라인 또는 즉시 다중 기기 데이터     | 실시간 앱                | 동기화를 활성화하고 앱을 연결하기 전에 `sync: ready`를 확인하세요.                                           |
| 예약된 작업 또는 웹훅             | 프로세스 앱               | 프로세스 컴포넌트에서 트리거를 사용하세요.                                                               |
| 앱 내 AI 기반 기능             | 프로세스 + Kazzle AI API | `kzl_` API 키와 함께 `/ai/*`를 사용하세요.                                                      |
| 어시스턴트가 나중에 호출할 도구        | 스킬 + 프로세스            | 스킬 폴더(`SKILL.md` + `tools.ts`)를 추가하고 각 `target.type: 'app'` 도구를 프로세스 컴포넌트의 경로로 지원하세요. |

## 기본값

* 맞는 템플릿이 있으면 템플릿에서 시작하세요.
* 프론트엔드 코드에서 시크릿과 데이터베이스 URL을 제외하세요.
* 서버 전용 작업을 프로세스 컴포넌트에 넣으세요.
* 하드코딩된 localhost 주소 대신 형제 컴포넌트 URL을 사용하세요.
* 앱이 실행 중이라고 말하기 전에 앱 개발 탭에서 미리보기를 확인하세요.