# 트리 뷰 (Tree View)

트리 뷰는 전체 기획의 계층 구조를 시각적으로 확인하고 설계하는 뷰입니다. 요구사항부터 상세 기능까지 가지 형태로 연결된 노드를 통해 기획의 흐름을 한눈에 검토할 수 있습니다.

### 1. 아이템의 구성과 위계

#### 계층 구조

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FMhBsUBhgSYG7DpKWcWh2%2Ftree-step.png?alt=media&#x26;token=ab6e26c9-ce25-4346-b15d-dfb3877975cc" alt=""><figcaption></figcaption></figure>

* 프로젝트(1Depth): 최상위 아이템으로 프로젝트 제목이 표시됩니다. 옆의 \[↗ PRD] 버튼을 누르면 PRD 문서로 즉시 이동합니다.
* 기능 명세(2\~4Depth): '요구사항 → 기능 → 상세 기능' 순으로 연결됩니다. 특히 요구사항 아이템은 기획 의도를 파악할 수 있도록 상세 설명을 최대 3줄까지 노출합니다.

#### 아이템 구성&#x20;

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FtOwLFnhJ1QI7mIsvCAvp%2Ftree-node.png?alt=media&#x26;token=0e9de7ff-f06d-4eec-9737-e36c38482bb9" alt=""><figcaption></figcaption></figure>

* 중요도 아이콘: 제목 앞의 컬러 아이콘으로 우선순위(낮음/중간/높음)를 나타냅니다. 수정 모드에 진입하지 않고 아이콘을 클릭하는 것만으로 즉시 변경이 가능합니다.
* 즐겨찾기(별표): 중요한 아이템은 별표를 눌러 등록할 수 있습니다.
* 코멘트 알림: 팀원의 의견이 달린 아이템 옆에는 말풍선 아이콘이 나타나 소통 현황을 알려줍니다.

### 2. 아이템 생성 (AI 생성 및 직접 추가)

노드 우측의 `+` 버튼을 통해 기획을 빠르게 확장할 수 있습니다.

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FxtGSPJ4XaLfvftiUErHk%2Ftree-node-add.png?alt=media&#x26;token=cca5dd29-32ea-497d-9d0d-38805d1af474" alt=""><figcaption></figcaption></figure>

* 다음 항목 생성 : AI가 맥락을 분석하여 적절한 하위 기능을 제안합니다.
* 모든 하위 항목 생성: 최하위 뎁스(상세 기능)까지 한 번에 구조를 잡습니다.
* 직접 항목 추가: 사용자가 직접 하위 항목을 추가합니다.

### 3. 아이템 편집 및 제어

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FtaKqRhYYzPLt3YMyAtw0%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-03-04%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.28.01.png?alt=media&#x26;token=5f6c6acd-5000-4086-99db-a4a967ec213c" alt=""><figcaption></figcaption></figure>

* 이름 수정: 노드를 더블 클릭하면 수정 모드로 진입하며, 아이템의 '이름'을 바로 변경할 수 있습니다.
* 플로팅 툴바: 노드를 선택하면 상단에 툴바가 나타납니다.
  * 복제/삭제: 아이템을 복제하거나 삭제할 수 있습니다. 삭제 시 해당 노드에 연결된 하위 아이템까지 모두 함께 삭제되니 유의하세요.
  * 상세 보기: 버튼을 클릭하면 화면 우측에 디렉토리 상세 페이지가 열려 상세 설명을 편집할 수 있습니다.

{% hint style="success" %}
**TIP : Shift**를 누른 상태에서 아이템 클릭하면, 해당 아이템이 디렉토리 뷰에서 바로 열립니다.
{% endhint %}

### 4. 아이템 탐색 및 포커스

#### 아이템 검색

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FHavtB57VDCBKFQJDMPkF%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-03-04%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.28.17.png?alt=media&#x26;token=18e01ede-acd3-47da-ab0a-6b9de7ce920d" alt=""><figcaption></figcaption></figure>

* 화면 우측 상단의 \[돋보기 아이콘]을 클릭하면 중앙에 검색창이 나타납니다.
* 키워드를 입력하면 해당 텍스트가 포함된 아이템들이 리스트로 나열됩니다.
* 검색 결과에서 특정 아이템을 클릭하면, 캔버스가 해당 항목이 위치한 곳으로 자동 이동하며 포커스됩니다.

#### 즐겨찾기 목록&#x20;

<figure><img src="https://3323951709-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv0nDmWkcH3Ia4zEb82Qz%2Fuploads%2FA5YhcZMRUQCwR8HxImUC%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202026-03-04%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.28.54.png?alt=media&#x26;token=aa49930a-0c66-425f-a32e-979ce1480f1b" alt=""><figcaption></figcaption></figure>

* 좌측 바의 \[별 모양 버튼]을 누르면 즐겨찾기로 등록된 아이템 목록을 확인할 수 있습니다.
* 목록에서 아이템을 선택하면 검색과 동일하게 해당 아이템의 위치로 화면이 이동하며 포커스됩니다.