> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/dev-guide/pjt-prepare/ui-ux/undefined-3/undefined-2.md).

# 트리 구성 및 배치

## 메뉴 목록 <a href="#undefined" id="undefined"></a>

![](https://tech.x2bee.com/download/attachments/14942914/UI_UX_%ED%8A%B8%EB%A6%AC.png)

&#x20;

* 계층을 이루는 정보를 트리 구조로 표현할 수 있습니다.
* 그룹핑 정보를 한눈에 불 수 있도록 구조화된
* 선택된 데이터가 속한 상위레벨을 파란색으로 표시하여 소속관계를 명확히 나타냅니다.

## 화면 목록 <a href="#undefined" id="undefined"></a>

* 계층을 이루는 데이터에 대해여 Row 단위의 나열식 표현
* 조회 기반의 정보 확인 유형

<br>

<figure><img src="https://tech.x2bee.com/download/attachments/14942914/Grid-%ED%8A%B8%EB%A6%AC%20%ED%99%94%EB%A9%B4%20%EB%AA%A9%EB%A1%9D.png" alt=""><figcaption></figcaption></figure>