# Fricle 개발자 센터 UX

> 개발자 영역 (= 앱 빌드 / 배포 / 관리) 영역.
> 본 영역 폴리시 라운드 = 별도 진행 (= 본 시점 = 영역 정의만).
> 본 영역 = 본 세션 신설 영역 (= 머지 영역 = AppStudio + DeployConsole 인프라 박힘).
>
> ⚠️ **본 영역 = 일반 사용자 영역 X = 개발자 한정 영역**.

---

## 0. 영역 정의

본 영역 한정:
- **AppStudio (= 앱 빌드 영역)** = Editor / FileTree / Monaco / Preview / Publish / Version
- **DeployConsole (= 배포 관리 영역)** = Apps / Hosting / Publications
- **앱 게시 영역** = Marketplace 등록 영역 (= Marketplace 정합 박힘)
- **앱 호스팅 영역** = HostedApp 영역 (= 사용자 등록 앱)

본 영역 제외:
- 앱 발견 / 설치 / 라이선스 → [12-marketplace](../12-marketplace/00-MARKETPLACE.md) (= 일반 사용자 영역)
- 일반 앱 동작 → [03-app](../03-app/00-APP.md)
- 권한 영역 → [06-permission](../06-permission/00-PERMISSION.md) (= 보류)
- 결제 영역 → [07-billing](../07-billing/) (= 알파 후)

---

## 1. 인프라 정합

| 영역 | 인프라 |
|------|------|
| AppStudio 앱 | `objects/apps/AppStudioApp.tsx` |
| AppStudio 영역 | `objects/apps/app-studio/` (= EditorShell / EditorTabs / FileTree / MonacoEditor / NewProjectDialog / PreviewPanel / PublishDialog / VersionPanel / LauncherPanel / HostedAppIconPicker) |
| DeployConsole 앱 | `objects/apps/deploy-console/DeployConsoleApp.tsx` |
| DeployConsole 영역 | `deploy-console/` (= drawer / topbar / dialogs / pages = AppDetailView / AppsView / HomeView / HostingView / NotFoundView / PublicationDetailView) |
| HostedApp | `objects/apps/HostedApp.tsx` |
| 서버 모듈 | `app/modules/devcenter/` (= 머지 영역 박힘) + `app/modules/pub/` (= pub 영역 박힘) |
| AppKit | `appkit/` (= core / host / runtime / hosts-local) |

---

## 2. 결정 영역

(= 폴리시 라운드 별도 진행 영역 = 본 시점 = 영역 정의만 박힘)

### 검토 예정 영역

| 항목 | 영역 |
|------|------|
| **개발자 영역 진입점** | 별 영역? 트레이? 메뉴바? (= 일반 사용자 영역 X = 영역 결정) |
| **AppStudio 본질 영역** | 앱 빌드 도구 = 어떤 영역 / 어떤 사용자? |
| **DeployConsole 본질 영역** | 배포 관리 = 어떤 영역? |
| **앱 게시 흐름** | AppStudio → DeployConsole → Marketplace 영역 흐름 |
| **HostedApp 영역** | 사용자 등록 앱 = 일반 사용자 영역 / 개발자 영역? |
| **권한 영역** | 개발자 = 별 권한 영역? (= 06-permission 보류 영역 정합 박을 영역) |
| **사용자 영역 / 개발자 영역 분리** | 일반 사용자 = 영역 X 박힐 영역 / 개발자 = 영역 영역 영역 박힐 영역? |

---

## 3. 인프라 정합 영역 (= 추후 점검)

> 본 영역 = 폴리시 라운드 = 인프라 코드 점검 + 결정 영역.

**머지 박힘 영역** (= 큰 영역 박힘):
- AppStudio = 11 컴포넌트 박힘 (= IDE 영역 = MonacoEditor 영역 박힘)
- DeployConsole = 드로어 + 토픽 바 + 2 다이얼로그 + 6 페이지 박힘
- 서버 영역 = devcenter 모듈 + pub 모듈 박힘
- AppKit = core / host / runtime / hosts-local (= SDK 영역 박힘)

본 영역 = **인프라 영역 = 매우 깊게 박힘** = 폴리시 영역 = "**일반 사용자 영역 X = 영역 영역 영역 박힐지**" 결정 영역.

---

## 4. 본질 영역 의문

| 의문 | 영역 |
|------|------|
| **개발자 영역 = 워크스페이스 안 영역? 별 영역?** | 일반 사용자 영역 (= 캔버스) 안 영역 / 별 진입점 영역? |
| **개발자 영역 = 누구 영역?** | 모든 사용자 / 개발자 권한 영역 / 별 영역? |
| **HostedApp = 일반 영역?** | 일반 사용자 영역 영역 박힐 영역 / 개발자 영역만? |
| **Marketplace 정합 영역** | DeployConsole → Marketplace 영역 = 어떻게 정합? |