플로우차트: 처음부터 끝까지 안내 가이드

작성자::  Shanna S
마지막으로 업데이트되었습니다:  

플로우차트는 유연하고 범용적인 다이어그램 작성 방법으로, 가장 복잡한 프로세스의 경우에도 단계를 순차적으로 이해하기 쉽게 문서화할 수 있는 공간을 제공합니다. 이 문서를 활용하여 플로우차트 사용자 지정과 함께 다른 기능을 사용해 다이어그램의 품질과 전문성을 높이는 방법에 대한 권장 사항을 확인하세요.

이 문서의 내용

모든 플로우차트는 고유합니다. 그렇기 때문에 플로우차트 작성 과정에서 사용할 수 있는 다양한 옵션과 기능을 활용하는 방법을 안내하고자 이 가이드를 만들었습니다. 여기에서는 다음과 같은 내용을 다룹니다.

플로우차트 작성에 대한 단계별 지침을 따르려면 Lucidchart에서 플로우차트 만들기 문서를 확인해 보세요.

플로우차트 만드는 방법

선호하는 플로우차트 작성 방법에 따라 다양한 방법을 사용할 수 있습니다. 빈 다이어그램과 플로우차트 도형 라이브러리로 시작하거나, 템플릿에서 다이어그램을 만들거나, Mermaid를 사용해 플로우차트를 자동으로 작성하려면 코드형 다이어그램 메뉴를 이용할 수 있습니다.

플로우차트를 작성할 때 각 옵션을 언제 사용해야 하는지에 대한 조언을 드리자면 다음과 같습니다.

  • 빈 다이어그램을 만들고 플로우차트 도형 라이브러리에서 작성: 플로우차트 작성의 각 단계를 수동으로 제어하고 싶을 때 사용합니다.
  • 템플릿으로 시작: 표준 워크플로우를 문서화하고 전문적으로 다듬어진 레이아웃으로 시작하고 싶을 때 사용합니다. 플로우차트 제작을 시작하는 데 도움이 되는 다양한 템플릿을 제공합니다.
  • Mermaid 코드를 사용하여 자동으로 작성: Mermaid 코드로 플로우차트를 더 빠르고 쉽게 만들 수 있도록 다이어그램 작성 프로세스를 간소화하고 싶을 때 사용합니다.
  • AI를 사용하여 플로우차트 생성: 빈 캔버스로 시작하고 플로우차트의 방향이 명확하지 않을 때, AI가 생성한 플로우차트가 다이어그램 작성을 시작하고 아이디어를 얻는 데 도움이 될 수 있습니다.

플로우차트 도형 라이브러리 사용

플로우차트 다이어그램을 수동으로 만들고 전체 빌드 프로세스를 제어하려면 빈 Lucidchart 다이어그램을 만들고 플로우차트 도형 라이브러리를 이용합니다. 새 문서의 도형 라이브러리에 플로우차트 도형 라이브러리를 추가하려면 다음과 같이 하세요. 

  1. 도형 라이브러리 하단에서 + 도형 더 보기를 클릭합니다.
  2. 검색창에 '플로우차트'를 입력하세요.
  3. '플로우차트' 도형 라이브러리의 확인란을 선택하세요.
  4. 선택한 도형 사용을 클릭합니다.

도형 라이브러리가 왼쪽의 도형 메뉴에 추가되면, 라이브러리에서 도형을 캔버스로 끌어다 놓아 다이어그램 작성을 시작하세요. 플로우차트에 개체 추가 및 편집 섹션으로 건너뛰어 더 자세한 안내를 받아 보세요.

팁: 사용자 지정 도형이 플로우차트 다이어그램 작성에 유용하다면, Lucidchart에서 사용자 지정 도형을 만들고 사용자 지정 도형 라이브러리로 구성하여 더 빠르게 접근할 수 있습니다. 또한, Lucidchart에서 사용할 도형을 추가로 만들고 사용자 지정하려면 사용자 지정 도형 API를 활용할 수 있습니다.

플로우차트 템플릿으로 시작하기

템플릿을 사용하여 플로우차트 다이어그램을 만들고 체계적이고 전문적인 다이어그램을 만들기를 빠르게 시작하려면 Lucid 문서 페이지에서 다음 단계를 따르세요.

  1. + 새로 만들기 를 클릭하고 커서를 'Lucidchart' 위로 가져갑니다.
  2. 템플릿에서 만들기를 선택합니다.
  3. 플로우차트 를 클릭하여 템플릿을 찾아보세요.
    • 주어진 종류의 더 많은 옵션을 보려면 주제 제목의 오른 쪽에서 모두 보기 를 선택하세요.
  4. 원하는 템플릿의 썸네일을 선택하고 템플릿 사용을 클릭하세요.
    • 팝업에서 템플릿을 미리 보고 간단한 설명을 읽을 수 있습니다.

새로운 Lucidchart 문서가 생성되면, 선택한 템플릿이 캔버스에 나타나고, 프로세스의 필요에 맞게 사용자 지정 작업을 시작할 수 있습니다. 이 옵션을 선택하는 경우, 필요에 맞게 플로우차트를 편집하고 고급 기능을 활용하여 다이어그램의 수준을 높이는 방법에 대한 안내가 있는 섹션으로 건너뛸 수 있습니다.

팁: Lucid에 익숙해지고 워크플로우에 맞게 문서를 사용자 지정하면 사용자 지정 템플릿을 만들어 다이어그램 작성 프로세스를 더욱 정교하게 다듬을 수도 있습니다. 사용자 지정 템플릿을 만드는 단계별 지침은 템플릿으로 시작하기 문서를 확인해 보세요.

Mermaid를 이용해 코드형 다이어그램 만들기

다이어그램을 수동으로 작성하거나 세부 정보로 템플릿을 사용자 지정하는 대신, 코드형 다이어그램 만들기 기능을 활용하여 자동으로 다이어그램을 작성할 수 있습니다.
작업 공간 맨 왼쪽의 기본 도구 모음에서 diagram-as-code-icon-in-lucidchart.jpg 코드형 다이어그램 만들기 아이콘을 선택합니다.

이 메뉴에서 원하는 대로 코드를 작성하면 플로우차트가 자동으로 생성됩니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 Lucidchart에서 Mermaid를 사용해 코드형 다이어그램 만들기 문서를 참조하세요.

팁: 가장 효율적인 절차를 위해 Mermaid 사용을 권장하지만, 대신 UML 마크업을 사용해 다이어그램을 만들 수도 있습니다. 자세한 지침은 Lucidchart에서 UML 마크업으로 시퀀스 다이어그램 만들기 문서를 참조하세요.

AI로 다이어그램 생성

다이어그램 작성의 시작 단계에 있고 아이디어를 생성하려는 경우, AI를 활용하여 프로세스를 시작하세요.
작업 영역의 맨 왼쪽에 있는 기본 도구 모음에서 Lucid AI 아이콘( lucidspark-collaborative-ai-icon.png )을 선택합니다.

그런 다음 생성하려는 다이어그램에 대한 자세한 설명을 추가하고, 집중 키워드와 가능한 한 많은 컨텍스트로 구성해야 합니다. 자세한 내용은 Lucidchart의 Lucid AI로 생산성 향상 하기 문서를 참조하세요.

참고: Lucid의 AI는 지속적으로 개선되고 있습니다. 따라서 생성된 정보가 부정확하거나, 편향되거나, 오해의 소지가 있거나, 부적절하거나, 불쾌감을 주거나, 최신 정보가 아닐 수 있습니다. AI로 생성된 결과는 항상 검토하시기 바랍니다.

플로우차트에서 개체를 추가하고 편집

가장 기본적인 형태의 플로우차트는 프로세스나 워크플로를 나타내기 위해 도형과 선으로 만든 다이어그램입니다. 플로우차트를 수동으로 만들든 코드나 AI를 사용해 생성하든, 생성 또는 유지 관리 과정의 모든 단계에서 플로우차트를 사용자 지정할 수 있는 여러 가지 팁이 있습니다. 다음 문서를 읽고 방법을 알아보세요.

business-process-flowchart-example-with-shapes-lines-and-swimlanes.jpg

팁: 이 링크를 클릭하여 위에 보이는 비즈니스 프로세스 순서도 템플릿을 이용하세요. 이는 아래에서 살펴볼 몇 가지 고급 기능 외에도 도형, 선, 스윔레인을 사용합니다.

고급 기능을 활용하여 플로우차트 수준 향상

이제 다이어그램의 전문성과 유용성을 높이는 방법을 이야기해 보겠습니다. 각 서비스를 숙지하고 사용 사례에 맞는 서비스를 사용하는 것이 좋습니다.

다이어그램 키를 사용하여 명확성 향상

다이어그램 키를 추가하는 것은 플로우차트의 다양한 요소들이 가지는 시각적 의미를 정의하는 좋은 방법입니다. 아래 예는 각 풀의 네 가지 스윔레인 색상과 관련 도형을 나타내는 '프로세스 플로우 도형'이라는 제목의 다이어그램 키를 보여 줍니다. 이 기능을 사용하면 고객, 영업, 관리, 신용 부서의 역할을 구분하여 다이어그램에 표시된 정보를 더 쉽고 명확하게 처리할 수 있습니다

process-flow-shape-colors-diagram-key.jpg

자세히 알아보기: 다이어그램 키 추가 및 사용자 지정에 대한 자세한 내용은 Lucidchart에서 다이어그램 키 추가 문서를 확인하세요.

레이어를 추가하여 플로우차트의 경로를 표시하거나 숨기기

레이어는 여러 버전의 플로우차트를 전환하는 기능을 간소화합니다. Lucidchart 문서에 레이어를 추가하는 방법에 대한 단계별 지침은 문서를 확인하세요. 일반적인 사용 사례는 다음과 같습니다.

  • 다이어그램의 현재 상태와 미래 상태를 나타냅니다. 더 알아보기
  • 복잡한 플로우차트를 확장하거나 축소하여 작은 단위로 나눌 수 있습니다. 더 알아보기

전환 경험을 개선하려면 도형에 작업을 추가하여 두 다이어그램 상태 간에 전환할 수 있도록 해 보세요.

예시를 들어 보겠습니다. 채용 매니저가 새 팀원을 팀에 온보딩할 때 필요한 프로세스를 문서화하고 있다고 가정해 보세요. 플로우차트의 정적 수준에서 신입 사원을 교육하기 위한 작업 순서의 개요를 볼 수 있습니다.

toggle-action-to-switch-between-onboarding-current-and-future-state.gif

이 예에서는 신입 사원이 온라인 교육 모듈에서 80% 이상의 점수를 받아야 한다는 새로운 요구 사항이 온보딩 프로세스에 추가되었습니다. 빠른 조치를 통해 프로세스 흐름을 추가하여 직원이 80% 미만의 점수를 받으면 교육을 다시 받아야 한다는 것을 명확하게 보여 줄 수 있습니다.

팁: 강력한 플로우차트를 만들기 위해 레이어와 작업 도형을 함께 사용하는 자세한 예를 보려면 이 커뮤니티 게시물을 확인하세요. 작업의 가치는 좋아하지만 내보낸 플로우차트의 시각적 요소는 원하지 않는다면, 이 커뮤니티 게시물을 방문하여 작업과 핫스팟의 차이점을 알아보고 어떤 기능이 사용 사례에 가장 적합한지 정보에 입각한 결정을 내리세요.

조건부 서식이나 아이콘 세트를 사용하여 이해도 향상

한 눈에 빠르게 이해할 수 있도록 패턴과 인사이트를 시각적으로 강조하여 데이터를 변환합니다. 조건부 서식아이콘 세트는 사용 목적에 따라 매우 유용할 수 있습니다. 사용하는 것을 추천합니다.

  • 조건부 서식을 사용하여 플로우차트에 현재 및 미래의 모든 개체를 자동으로 평가하고 도형 스타일, 아이콘 또는 동적 모양의 형태로 원하는 서식을 추가하는 데 사용할 수 있는 규칙을 만듭니다. 이는 고급 옵션으로, 설정이 더 복잡하지만 기능도 더 강력합니다.
  • 아이콘 세트를 사용하여 다이어그램에서 정적 아이콘으로 개체를 선택하고, 주의가 필요한 경우 사용자에게 시각적으로 알릴 수 있습니다. 필요한 임시 표시에도 쉽게 추가하거나 제거할 수 있습니다.

예를 들어, 아래 스크린샷에서는 다음 아이콘과 조건부 서식 규칙이 적용되었습니다.

  • '승인' 도형의 오른쪽 상단에 녹색 체크 표시 아이콘이 추가되어 승인을 얻기 위한 흐름을 빠르게 표시할 수 있습니다. 
  • 소비자가 신용 조사에 실패하여 판매가 진행되지 않음을 나타내기 위해 '판매 승인 안 됨' 도형의 오른쪽 위 모서리에 빨간색 X 아이콘이 추가되었습니다.
  • 플로우차트에서 '결정' 도형 유형을 가진 개체에 대해 조건부 서식 서식이 설정되어 텍스트와 점선 윤곽선이 모두 빨간색으로 표시됩니다. 이는 신용 확인 및 미수금 잔액 확인을 위한 작업 항목으로 이러한 도형에 주의를 끌기 위함입니다.

conditional-formatting-and-icon-sets-example-on-flowchart.jpg

개체에 데이터나 리소스 추가

특정 용도에 유용한 여러 링크나 첨부 기능이 있습니다. 예를 들어, 프로세스의 특정 단계에 대해 다른 곳에 호스팅된 추가 문서나 리소스 또는 그래픽에 쉽게 접근할 수 있도록 제공할 수 있습니다.
가져온 파일의 특정 데이터를 도형에 연결하거나, 다른 Lucid 문서 또는 외부 URL로 연결하거나, 문서를 개체에 이미지로 첨부하려는 경우, 다이어그램의 도달 범위를 개선할 수 있는 기능이 마련되어 있습니다. 옵션은 다음과 같습니다.

  • Lucidchart 문서에 데이터를 연결하기 문서는 CSV, Google, 또는 Excel 스프레드시트를 첨부하거나 Lucid에서 사용자 지정 데이터 세트를 만드는 방법을 단계별로 설명합니다. 그런 다음 데이터 집합을 사용하여 Lucid 문서의 개체 또는 페이지에 데이터를 할당할 수 있습니다. 다이어그램의 도형에 첨부해야 하는 특정 데이터가 있는 경우 유용합니다.
  • 도형에 링크를 추가하여 사용자를 Lucidchart 문서의 다른 페이지, 별도의 Lucidchart 문서 또는 특정 URL로 안내할 수 있습니다. 이는 사용자를 더욱 상세하고 강력한 문서로 안내하거나 Lucid 외부에서 프로세스를 진행하는 데 유용할 수 있습니다.
  • 개체에 이미지를 첨부하여 파일을 직접 가져와 도형에 첨부할 수 있습니다. 이렇게 하면 사용자가 Lucidchart 문서의 페이지를 벗어나지 않고도 문서와 지침을 제공할 수 있습니다.

Page Insight 수식을 사용하여 다이어그램 메타데이터를 빠르게 확인

Lucidchart는 바닥글에서 Lucidchart 문서에 다양한 사전 제작된 페이지 인사이트 수식을 제공합니다. 예를 들어 다음을 제공합니다.

  • 페이지에서 선택된 개체의 수
  • 페이지에 있는 도형, 선 또는 개체의 총 개수

이를 사용하여 다이어그램의 전체 메타데이터를 빠르게 이해할 수 있습니다. 이는 다양한 프로세스를 표현하기 위해 필요한 도형, 선, 개체의 수를 비교하는 데 사용할 수 있는 다이어그램의 복잡도를 파악할 수 있도록 합니다.

Lucidchart의 수식의 강력함과 다재다능함은 위에서 언급한 사전 제작된 페이지 인사이트 옵션을 훨씬 뛰어넘습니다. 수식에 대한 일반 정보, 도형 참조 빠른 보기 및 용어집을 보려면 Lucidchart에서 수식 사용을 확인하세요.

자세히 알아보기: 위 문서에서 다룬 기본 수식 외에도, Lucid에서 작동하는 추가 수식과 그 작동 방식을 알아보려면 수식 개발자 문서를 확인하세요.

플로우차트 공유

플로우차트를 완성했으니, 이제 사람들과 공유할 차례입니다.  Lucid는 정적 또는 실시간 버전 공유, 내보내기 또는 인쇄, 사람들이 링크로 접근할 수 있는 버전 게시 등 조직의 요구 사항에 따라 선택할 수 있는 몇 가지 옵션을 제공합니다. 

먼저, 정적 버전을 공유할지, 라이브 버전을 공유할지 결정해.

다음과 같은 경우 플로우차트의 정적 버전을 공유할 수 있습니다.

  • 차트에 특정 기간의 프로세스가 반영되기를 원합니다.
  • 플로우차트의 인쇄 버전이 필요합니다.
  • 정보에 누가 접근할 수 있는지 제어하고 싶어.
  • 플로우차트를 자주 업데이트할 필요가 없습니다.

다음과 같은 경우 동적 또는 실시간 버전의 플로우차트를 공유할 수 있습니다.

  • 오디언스에게 실시간으로 플로우차트 업데이트를 표시하고 싶습니다.
  • 오디언스가 연결된 데이터 필드에 접근할 수 있도록 하고 싶습니다.
  • 너의 차트가 너무 커서 내보내거나 인쇄할 수 없어.
  • 플로우차트를 자주 업데이트해야 합니다.

팁: 실시간 협업을 위해 플로우차트를 다른 Lucid 사용자와 공유할 수도 있습니다. 자세한 내용은 Lucid에서 협업자와 공유하기 문서를 참조하세요.

정적 버전 내보내기 또는 인쇄

플로우차트의 정적 버전을 공유하려면 이미지나 PDF 파일로 내보내 장치에 저장하거나 실제 사본을 인쇄할 수 있습니다.

자세히 알아보기: 자세한 정보와 단계는 Lucid 문서 내보내기 또는 인쇄 문서를 확인하세요.

실시간 버전 게시 또는 임베드

동적 버전의 플로우차트를 공유할 때는, 이를 게시하거나 실시간 버전을 자신의 웹 페이지에 임베드할 수 있습니다.

플로우차트 게시

게시하면 누구에게나(Lucid 사용자가 아닌 사람 포함) 보낼 수 있는 링크가 생성되며, 이 링크를 통해 플로우차트를 볼 수 있게 됩니다. 플로우차트를 다음과 같이 게시할 수 있습니다.

  • URL: 링크를 클릭하면 플로우차트의 실시간 웹페이지 버전으로 이동합니다.
  • PDF: 링크를 클릭하면 해당 시점의 Lucidchart에 표시되는 플로우차트의 PDF 스냅샷을 다운로드할 수 있습니다. 
  • 이미지: 링크를 클릭하면 해당 시점의 Lucidchart에 표시되는 플로우차트의 이미지 스냅샷을 다운로드할 수 있습니다. 

플로우차트를 PDF나 이미지로 게시하면 다운로드한 파일은 정적이어서 이후 변경 사항이 반영되지 않습니다. 하지만 업데이트를 하면 사용자는 원래 링크를 다시 클릭해서 최신 버전을 다운로드할 수 있습니다.

자세히 알아보기: 자세한 정보와 단계는 Lucid 문서 게시 또는 임베드 문서를 확인하세요.

플로우차트를 임베드
임베딩 기능을 사용하면 대화형 버전의 플로우차트를 자신의 웹 페이지에 추가할 수 있습니다. Lucidchart에서 직접 임베드 코드를 생성하거나 다음과 같은 Lucid의 외부 임베드 통합 기능 중 하나를 사용할 수 있습니다.

리소스

플로우차트의 잠재력을 최대한 활용하는 방법을 더 알고 싶다면, 아래의 추가 리소스를 살펴보세요. 리소스는 영어로만 제공됩니다.
블로그
복잡한 다이어그램을 시각화하는 세 가지 팁

커뮤니티 게시물
비즈니스 프로세스 플로우차트 작성현재 및 미래 상태 다이어그램 생성
레이어를 사용하여 플로우차트를 확장하거나 축소하기

빠른 가이드
멋진 다이어그램을 만들기 위한 세 가지 팁

템플릿
비즈니스 프로세스 흐름 예시
작업 종속성을 보여 주는 플로우차트
알고리즘 플로우차트 예시

동영상
Lucid의 플로우차트

이 문서에 관한 피드백 공유

이 문서와 관련해 공유하고 싶은 피드백이 있으신가요? 여기에서 사용 경험이 어땠는지 말씀해 주세요.

원하는 정보를 찾으셨나요?

아직 궁금한 점이 남아 있거나 지식을 공유하고 싶으신가요? 커뮤니티   에서 멤버들의 도움을 받고 지식을 나눠보세요.