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

# 트리 패널

> Scribe의 트리 패널로 서명 구조를 탐색하고 관리하세요. 블록을 선택, 순서 변경, 복제, 숨기기, 삭제까지 한눈에 처리할 수 있어요.

에디터 왼쪽의 트리 패널은 서명의 전체 구조를 접고 펼 수 있는 계층 구조로 보여줘요. 디자인 도구의 레이어 패널과 비슷하게 동작하며, 서명의 모든 블록이 트리의 노드로 표시돼요.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/tree-panel-full-hierarchy.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=2354a18115b3a96fdad1b6e06bc412cf" alt="서명 블록의 전체 계층 구조를 보여주는 트리 패널" title="서명 블록의 전체 계층 구조를 보여주는 트리 패널" className="mx-auto" style={{ width:"45%" }} width="728" height="1764" data-path="images/tree-panel-full-hierarchy.png" />
</Frame>

## 구조

서명은 중첩된 블록으로 구성돼요.

* **Main Column**: 서명의 루트 컨테이너예요. 삭제할 수 없어요(자물쇠 아이콘으로 표시). 다른 모든 블록은 이 안에 들어가요.
* **Columns**: 콘텐츠 블록을 담는 레이아웃 컨테이너예요. 여러 열을 중첩해 좌우 배치 레이아웃을 만들 수 있어요(예: 로고 열 옆의 텍스트 열).
* **콘텐츠 블록**: 이름, 직책, 주소, 로고, 배너 등 개별 블록이에요.

열 옆의 화살표를 클릭하면 하위 항목을 펼치거나 접을 수 있어요. 중첩된 블록이 많은 복잡한 서명도 손쉽게 탐색할 수 있어요.

## 블록 선택

트리에서 블록을 클릭하면 선택돼요. 해당 블록이 캔버스에서 강조 표시되고, 오른쪽 스타일 패널이 그 블록의 속성으로 업데이트돼요.

캔버스에서 블록을 직접 클릭해도 트리 패널에서 해당 블록이 강조 표시돼요.

## 블록 동작

트리에서 블록 위에 마우스를 올리면 동작 아이콘이 나타나요.

* **복제**: 블록의 사본을 만들어요
* **숨기기**: 블록을 삭제하지 않고 표시 여부를 켜거나 꺼요. 숨긴 블록은 트리에 남아 있지만 최종 서명에는 나타나지 않아요. 설정을 잃지 않고 요소를 일시적으로 제거할 때 유용해요.
* **Smartfield 표시**(보라색 핀 아이콘): 블록이 Smartfield에 연결되어 팀원별로 데이터를 동적으로 가져온다는 것을 나타내요

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/tree-panel-block-hover-actions.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=dd299dee71a7012f0fca78297f123003" alt="복제, 숨기기, Smartfield 아이콘이 있는 트리 패널 블록 호버 동작" width="678" height="80" data-path="images/tree-panel-block-hover-actions.png" />
</Frame>

Smartfield에 연결된 블록은 마우스를 올리면 데이터 소스를 설명하는 툴팁이 표시돼요. 예를 들어 이름 블록에는 \_"이름과 성에서 동기화됨"\_이라고 표시돼요.

## 블록 순서 바꾸기

트리에서 블록을 끌어다 놓아 순서를 바꿀 수 있어요. 블록을 다른 열로 옮기거나 같은 열 안에서 위치를 바꿀 수 있어요. 재배치하는 동안 캔버스가 실시간으로 업데이트돼요.

<Note>
  Main Column은 잠겨 있어 이동하거나 삭제할 수 없어요. 전체 서명 구조를 담는 루트 컨테이너예요.
</Note>

## 블록 삭제

블록을 선택한 뒤 키보드의 **Delete** 키를 누르거나 마우스 오른쪽 버튼을 클릭해 삭제하세요. 열을 삭제하면 그 안의 모든 블록도 함께 삭제돼요.

## 블록 추가

트리 패널 하단의 **블록 추가** 버튼을 클릭해 블록 라이브러리를 여세요. 사용 가능한 전체 블록 목록은 [블록 추가](/ko/editor/add-blocks) 문서를 참고하세요.
