# 조직도

## 🚀 기능 소개

조직도를 홈페이지에 업로드 하는 기능입니다.\
조직도 그룹을 추가하거나 구성원을 등록하고 순서를 변경할 수 있습니다.

![](/files/-Mgo4crwrt--4sqM37nQ)

## 🧱 화면 구성

![](/files/-MZkMTYNizDUbBUGLdfP)

### 1. 카테고리

조직도 그룹 목록이 나타납니다.\
각 그룹을 클릭하면 해당 그룹의 구성원만 필터링하여 확인할 수 있습니다.

### 2. 구성원 목록

현재 그룹에 해당하는 전체 구성원을 명단입니다.\
각 구성원의 사진, 이름, 직책, 연락처, 업무와 노출 순서를 제공합니다.

### 3. 필터 검색

현재 그룹에 해당하는 구성원의 이름으로 검색하여 필터링이 가능합니다.

### 4. 액션 영역

새로운 그룹을 추가하거나 구성원을 등록할 수 있습니다.

### 5. 컨트롤 영역

현재 구성원의 정보를 수정하거나 그룹을 변경하고 삭제할 수 있으며\
노출 순서를 변경할 수 있습니다.

## 🙋‍♀️ 이용 안내

### 1. 그룹

![](/files/-MZkNQaO6M8TiKC4QrUf)

우측 상단의 액션 영역에 그룹 추가 버튼을 클릭해주세요.

<div align="center"><img src="/files/-MUE2yqrpd_LMx3nyXfP" alt=""></div>

그룹의 이름을 입력하고 색상을 선택후 저장 버튼을 클릭해주세요.

<div align="left"><img src="/files/-MZkNiYV_dYikfsUhNQy" alt=""></div>

카테고리에서 아이콘을 클릭하면 수정 및 삭제가 가능하며\
드래그를 통해 그룹의 순서를 변경할 수 있습니다.

{% hint style="danger" %}
주의사항\
그룹을 삭제하면 그룹에 등록된 모든 구성원도 함께 삭제됩니다.\
삭제시 꼭 확인해주세요.
{% endhint %}

### 2. 등록

![](/files/-MZkOCmV8aMr0IcSrudj)

액션영역의 구성원 등록 버튼을 클릭해주세요.

<div align="center"><img src="/files/-MZkObfph4K1JK88sDNk" alt=""></div>

각 항목을 입력하고 저장 버튼을 클릭해주세요.

{% hint style="info" %}
확인사항\
구성원 사진을 활용하지 않는 경우 업로드 하지 않고 진행해주세요.
{% endhint %}

### 3. 수정

![](/files/-MZkPpi-UFdMEapxSEOM)

수정을 희망하는 구성원의 컨트롤 영역에서 수정 버튼을 클릭해주세요.

<div align="center"><img src="/files/-MZkQ4x7vZuxAX4dLwZD" alt=""></div>

수정할 내용을 입력후 저장 버튼을 클릭해주세요.

### 4. 삭제

![](/files/-MZkQZRv3d-Je6-h96KI)

삭제를 희망하는 구성원 컨트롤 영역의 우측에 있는 X버튼을 클릭해주세요.

<div align="center"><img src="/files/-MZkQn12werzbz6S6eEA" alt=""></div>

확인창에서 확인 버튼을 클릭해주세요.

{% hint style="danger" %}
주의사항\
삭제된 내용은 복구 하실 수 없습니다.
{% endhint %}

### 5. 그룹이동

![](/files/-MZkR0kSdwvagkzwUceA)

그룹 이동을 희망하는 구성원의 컨트롤 영역에서 퍼즐 모양의 아이콘을 클릭해주세요.

![](/files/-MZkRDpmKVQAvPJt96fY)

변경할 그룹을 선택하고 저장 버튼을 클릭해주세요.

### 6. 순서 변경

![](/files/-MZkRY1SLt_ysBuozrU2)

순서 변경을 위해서는 먼저 카테고리의 그룹을 선택해주세요.

![](/files/-MZkS2NjoLHybCoLB602)

구성원의 컨트롤 영역에서 화살표 모양을 마우스로 클릭한 상태로 드래그하여 조정할 수 있습니다.


---

# 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.storyhub.co.kr/functions/contents/organization.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.