> For the complete documentation index, see [llms.txt](https://docs.storyhub.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.storyhub.co.kr/functions/contents/organization.md).

# 조직도

홈페이지의 조직도를 직접 관리하는 기능을 안내합니다.

## 🚀 기능 소개

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

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-Mgo1veGq1FgrvGT5ucg%2F-Mgo4crwrt--4sqM37nQ%2Fimage.png?alt=media\&token=d3ba7458-fc04-437c-9191-45a0e9d8ffa4)

## 🧱 화면 구성

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkMTYNizDUbBUGLdfP%2Fimage.png?alt=media\&token=093cd4f4-59b4-438a-ad21-e36e0c734013)

### 1. 카테고리

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

### 2. 구성원 목록

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

### 3. 필터 검색

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

### 4. 액션 영역

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

### 5. 컨트롤 영역

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

## 🙋‍♀️ 이용 안내

### 1. 그룹

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkNQaO6M8TiKC4QrUf%2Fimage.png?alt=media\&token=047eb199-e10d-4a9f-83b6-8c9913765d67)

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

<div align="center"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MUDlYUne483hntfEhOY%2F-MUE2yqrpd_LMx3nyXfP%2Fimage.png?alt=media&amp;token=6e10f68a-e162-4931-a2d3-c33aec3f8a26" alt=""></div>

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

<div align="left"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkNiYV_dYikfsUhNQy%2Fimage.png?alt=media&amp;token=d6ad245a-0f01-4ebb-964f-fdbf5b836955" alt=""></div>

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

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

### 2. 등록

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkOCmV8aMr0IcSrudj%2Fimage.png?alt=media\&token=5aa5c200-b44d-4fa5-b7f5-45b5b814ce19)

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

<div align="center"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkObfph4K1JK88sDNk%2Fimage.png?alt=media&amp;token=cc31b726-9763-46b4-afa6-f0a4069af493" alt=""></div>

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

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

### 3. 수정

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkPpi-UFdMEapxSEOM%2Fimage.png?alt=media\&token=e60c7c49-c329-4d03-b33c-5b983fc9b7ec)

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

<div align="center"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkQ4x7vZuxAX4dLwZD%2Fimage.png?alt=media&amp;token=13363068-0267-4ab4-ad65-0465cca63c88" alt=""></div>

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

### 4. 삭제

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkQZRv3d-Je6-h96KI%2Fimage.png?alt=media\&token=26f7dda7-abce-43ea-adf2-33f1bd868364)

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

<div align="center"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkQn12werzbz6S6eEA%2Fimage.png?alt=media&amp;token=8000da48-ea27-4c97-b5f7-5ad35b020310" alt=""></div>

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

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

### 5. 그룹이동

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkR0kSdwvagkzwUceA%2Fimage.png?alt=media\&token=d62652be-31e8-4d71-828a-7835410084ad)

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

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkRDpmKVQAvPJt96fY%2Fimage.png?alt=media\&token=056a2ba8-efe9-49ac-bf76-b135a8db8fe1)

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

### 6. 순서 변경

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkRY1SLt_ysBuozrU2%2Fimage.png?alt=media\&token=23c865ea-b037-4b4f-9532-4657004f6a54)

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

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MZkH_xzXYpK7vp9ZxW9%2F-MZkS2NjoLHybCoLB602%2Fimage.png?alt=media\&token=41191480-94cd-482b-84ed-eed500d21255)

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