# 트리 뷰 (Tree View)

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

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

#### 계층 구조

<figure><img src="/files/VXlP0xYVhbYBsBbQ5mYG" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/qsxB5dqvJ4VrU9f9zzPl" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/Ij68ZLdv5yGDXJrqWQoD" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/MgOlet3TE5iYPGbh2BKb" alt=""><figcaption></figcaption></figure>

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

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

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

#### 아이템 검색

<figure><img src="/files/5BHDpvdw3TybeTk0FdpI" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/vgRqfBwBBh9YfbwluJx6" alt=""><figcaption></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.manyfast.io/plan/features/tree-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.