가이드

조직도 관리

작성일 2026.03.20 | 수정일 2026.03.20

조직도 관리

시작하기

조직도 서비스는 팀 구조와 구성원을 시각적으로 관리할 수 있는 웹 기반 도구입니다. 드래그 앤 드롭으로 조직도를 구성하고, PDF 또는 이미지로 내보내거나, 읽기 전용 링크로 공유할 수 있습니다.


조직도 목록

서비스에 접속하면 조직도 목록 페이지가 표시됩니다.

새 조직도 만들기

상단의 새 조직도 버튼을 클릭하면 두 가지 옵션이 표시됩니다:

  • 빈 조직도로 시작 — 빈 캔버스에서 처음부터 구성합니다.

  • 예시 조직도로 시작 — CEO, 3개 팀, 8명의 구성원이 포함된 샘플 조직도로 시작합니다. 구조를 빠르게 파악하고 수정하기에 좋습니다.

조직도 카드

각 조직도는 카드 형태로 표시되며 다음 정보를 포함합니다:

  • 미리보기 이미지

  • 조직도 이름 및 설명

  • 팀 수, 인원 수

  • 마지막 수정 일시

카드를 클릭하면 편집 화면으로 이동합니다. 카드의 삭제 버튼을 클릭하면 확인 후 조직도를 삭제할 수 있습니다.


조직도 편집

화면 구성

편집 화면은 다음 영역으로 구성됩니다:

**영역**

**위치**

**설명**

툴바

상단

노드 추가, 자동 레이아웃, 내보내기, 저장 등의 버튼

캔버스

중앙

조직도를 편집하는 메인 작업 영역

통계 오버레이

우측 상단

팀·인물·업무 수 표시

편집 패널

우측

노드 선택 시 나타나는 속성 편집 영역

미니맵

우측 하단

전체 조직도의 축소 미리보기

줌 컨트롤

좌측 하단

확대/축소/초기화 버튼

캔버스 조작

  • 화면 이동 — 빈 공간을 마우스로 드래그합니다.

  • 확대/축소 — 마우스 스크롤 또는 좌측 하단 줌 컨트롤 버튼을 사용합니다.

  • 노드 이동 — 노드를 드래그하여 원하는 위치로 이동합니다.

저장

  • 툴바의 저장 버튼을 클릭하거나 Ctrl+S(Mac: Cmd+S)를 누르면 저장됩니다.

  • 저장 완료 시 하단에 알림 메시지가 표시됩니다.

  • 새 조직도의 경우, 첫 저장 후 자동으로 편집 URL로 이동합니다.


노드 관리

조직도는 두 종류의 노드로 구성됩니다:

팀 노드

보라색 그라데이션 박스로 표시되며, 부서나 팀을 나타냅니다.

표시 정보:

  • 팀명(한국어 및 영어)

  • 담당 업무 및 프로젝트(태그 형태)

  • 인원 수(연결된 인물 노드 기준 자동 계산)

추가 방법: 툴바의 팀 추가 버튼을 클릭합니다.

인물 노드

파란색 또는 보라색 원형 아바타 카드로 표시되며, 개별 구성원을 나타냅니다.

표시 정보:

  • 이름

  • 직함(한국어 및 영어)

  • 아바타 이미지

  • 이메일

  • 전화번호

추가 방법: 툴바의 인물 추가 버튼을 클릭합니다.

노드 편집

  1. 캔버스에서 편집할 노드를 클릭합니다.

  2. 우측에 편집 패널이 나타납니다.

  3. 원하는 항목을 수정합니다.

  4. 변경 사항은 캔버스에 실시간으로 반영됩니다.

  5. 저장 버튼을 눌러 서버에 반영합니다.

인물 노드 편집 가능 항목:

**항목**

**설명**

이름

구성원 이름(필수)

한국어 직함

예: 대표이사, 팀장

영어 직함

예: CEO, Team Lead(AI 추천 가능)

이메일

이메일 주소

전화번호

연락처

아바타

직접 URL 입력 또는 AI 생성

미션 URL

외부 미션 또는 업무 페이지 링크

팀 노드 편집 가능 항목:

**항목**

**설명**

한국어 팀명

예: 개발팀(필수)

영어 팀명

예: Development Team(AI 추천 가능)

담당 업무

한 줄에 하나씩 입력(태그로 표시됨)

인원 수

기본 자동 계산, 수동 수정 가능

미션 URL

외부 미션 또는 업무 페이지 링크

노드 삭제

  • 노드를 선택한 후 Backspace 또는 Delete 키를 누릅니다.

  • 또는 편집 패널 하단의 삭제 버튼을 클릭합니다.

미션 팝업

노드에 미션 URL이 설정된 경우, 노드 위의 미션 버튼을 클릭하면 해당 페이지의 내용을 팝업으로 확인할 수 있습니다. 원문 보러가기 버튼으로 원본 페이지를 새 탭에서 열 수도 있습니다.


연결선 관리

연결선은 노드 간의 조직 관계를 나타냅니다.

연결선 만들기

  1. 노드의 상단 또는 하단에 있는 연결 핸들(작은 원)에 마우스를 가져갑니다.

  2. 핸들을 클릭한 채로 드래그하여 다른 노드의 핸들에 연결합니다.

  3. 연결이 완료되면 부드러운 계단형 선이 그려집니다.

연결선 삭제

  1. 연결선을 클릭하여 선택합니다(파란색으로 하이라이트됨).

  2. Backspace 또는 Delete 키를 누릅니다.


자동 레이아웃

툴바의 자동 정렬 버튼을 클릭하면 노드가 자동으로 배치됩니다.

동작 방식

  1. 연결된 노드들을 그룹(컴포넌트)별로 식별합니다.

  2. 각 그룹 내에서 위에서 아래 방향으로 계층적 레이아웃을 적용합니다.

  3. 여러 그룹이 있을 경우, 격자 형태로 나란히 배치합니다.

자동 레이아웃은 기존 조직 구조(연결선)를 유지하면서 노드 위치만 재배치합니다. 결과가 마음에 들지 않으면 저장하지 않고 수동으로 조정할 수 있습니다.


내보내기 및 가져오기

내보내기

툴바의 내보내기 드롭다운에서 원하는 형식을 선택합니다:

PDF 다운로드

  • 조직도를 PDF 파일로 다운로드합니다.

  • 제목, 통계 정보(팀 수, 인물 수, 업무 수)가 포함됩니다.

  • 조직도 크기에 따라 가로 또는 세로 방향이 자동으로 결정됩니다.

  • 파일명: {조직도 이름}.pdf

이미지 다운로드

  • 조직도를 PNG 이미지로 다운로드합니다.

  • PDF와 동일한 정보(제목, 통계)가 포함됩니다.

  • 파일명: {조직도 이름}.png

JSON 다운로드

  • 조직도 데이터를 JSON 파일로 내보냅니다.

  • 노드, 연결선, 이름, 설명 등 전체 데이터가 포함됩니다.

  • 다른 계정으로 가져오거나 백업 용도로 활용할 수 있습니다.

  • 파일명: {조직도 이름}.json

가져오기

  1. 툴바의 가져오기 버튼을 클릭합니다.

  2. 이전에 내보낸 .json 파일을 선택합니다.

  3. 파일의 데이터가 현재 조직도에 로드됩니다.

주의: 가져오기 시 현재 조직도의 내용이 파일 내용으로 대체됩니다. 기존 데이터를 보존하려면 먼저 내보내기를 해두세요.


공유 기능

조직도를 읽기 전용 링크로 공유할 수 있습니다.

공유 링크 생성

  1. 조직도를 먼저 저장합니다.

  2. 툴바의 내보내기 메뉴에서 읽기 전용 URL을 선택합니다.

  3. 공유 URL이 생성되어 표시됩니다.

  4. 복사 버튼을 클릭하여 클립보드에 복사합니다.

읽기 전용 뷰

공유 링크로 접속하면 읽기 전용 뷰가 표시됩니다:

  • 조직도 이름과 설명이 상단에 표시됩니다.

  • 모든 노드와 연결선이 동일하게 표시됩니다.

  • 통계 오버레이(팀·인물·업무 수)가 표시됩니다.

  • 확대/축소, 화면 이동은 가능합니다.

  • 노드 편집, 이동, 연결선 추가 및 삭제는 불가능합니다.

  • 로그인 없이 누구나 접근할 수 있습니다.


AI 기능

영어 이름 추천

인물 또는 팀 노드의 한국어 이름 또는 직함을 입력한 후, 영어 직함 필드 옆의 AI 추천 버튼을 클릭하면 영어 번역 후보가 표시됩니다. 원하는 항목을 선택하여 적용할 수 있습니다.

AI 아바타 생성

인물 노드의 편집 패널에서 AI 아바타 생성 기능을 사용할 수 있습니다:

  1. 이름과 직함 정보를 입력합니다.

  2. (선택사항) 참고 사진을 업로드합니다.

  3. AI 아바타 생성 버튼을 클릭합니다.

  4. 생성된 아바타가 노드에 자동으로 적용됩니다.


단축키

**단축키**

**동작**

Ctrl+S(Mac: Cmd+S)

저장

Backspace / Delete

선택된 노드 또는 연결선 삭제

Esc

미션 팝업 닫기 및 선택 해제

마우스 스크롤

확대 또는 축소

마우스 드래그(빈 공간)

화면 이동

마우스 드래그(노드)

노드 위치 이동