Diana의 iOS 개발일기

플로우 차트(FlowChart) 작성법 본문

카테고리 없음

플로우 차트(FlowChart) 작성법

Diana_iOS 2024. 1. 3. 18:06

 

안녕하세요! 오늘은 협업시에 자주 사용되는 플로우 차트(Flow Chart) 작성법에 대해 알아보려고 합니다.

회사에서 다른 회사들과 새로운 프로젝트를 시작할 때마다 작성된 플로우 차트를 많이 봤엇는데요,

정작 제가 작성해보려고 하니까 잘 몰라서 헤매게 되더라구요...

그래서 오늘은 플로우 차트에 대해 낱낱이 알아보려고 합니다!

시작해볼까요?

 


플로우 차트란?

플로우 차트(Flow Chart)는 "흐름도", "순서도"라고도 불리며 말 그대로 업무를 처리하는 흐름을 기호도형으로 표현한 것입니다.

 

우리가 일을 시작할 때 해당 프로젝트에 포함된 모든 구성원이 나와 같은 배경지식, 기술 스탯, 직무적 위치 등을 가지고 있을 수는 없잖아요?

누구는 Swift를 사용하고, 누구는 Java를 사용하고, 누구는 서버 개발자고, 누구는 프론트 웹 개발자고....

근데 이렇게 다른 배경을 두고 어느 한 사람이 우리는 JAVA의 이 함수를 이렇게 이렇게 사용해서 저런 기능을 구현할거다~ 라고 문서를 작성해버리면 나머지 사람들은 띠용?? 이게 무슨소리지?? 하는 상황이 벌어질 것입니다.

 

따라서 이러한 다양한 사람들이 다 같이 쉽게 업무를 이해하고 공유하기 위해 우리는 플로우 차트(Flow Chart)를 작성합니다.

 

플로우 차트 사용 시 장점

플로우 차트는 위와 같이 다양한 사람들과의 원활한 협업을 위해 사용합니다.

단순한 문서가 아닌 플로우 차트를 작성하게 되면 프로젝트 초기 단계에서 논리적 오류를 쉽게 발견할 수 있으며 구조적 누락 또한 쉽게 발견이 가능합니다.

또 가끔 가다 UX(사용자 경험)에서 모순이 발생하는 경우가 있는데 이 또한 플로우 차트를 작성함으로써 예방이 가능합니다.

 

플로우 차트 기호

이렇게 모두가 알아보기 쉬운 플로우 차트를 작성하기 위해서는 우리는 통일된 기호 를 사용해야 하는데요.

약속된 플로우 차트의 기호의 개수는 굉장히 많지만 우리는 이 중 제일 많이 사용되는 여섯 가지의 기호에 대해 알아보려고 합니다.

 

기호 이름  설명
화살표(Flow Arrow) 각 기호간의 연결관계를 나타낸다
시작/끝(Start/End) Flow Chart의 시작과 끝을 표기한다
프로세스(Process) 모든 프로세스(처리 과정)를 표시
기호 내부에처리 내용을 기입한다
화면(페이지)을 구분하는 용도
판단/결정(Decision) 조건 및 분기를 나타낸다
입력/출력(Input/Output) 모든 입력과 출력을 나타낸다
출력(Output) 액션 이후 출력되는 로그 등을 주로 출력한다

 

이렇게 자주 사용되는 기호 들을 알아보았는데요,

그 외의 다양한 기호들이 궁금하다면 아래의 링크에서 확인 가능합니다

https://www.smartdraw.com/flowchart/flowchart-symbols.htm

 

Flowchart Symbols

Let's go over each flowchart symbol individually.

www.smartdraw.com

 

플로우 차트 작성 방법

플로우 차트는 보통 왼쪽에서 오른쪽, 위에서 아래로 작성하며 예시는 아래와 같습니다.

물논 위 예시는 현실에서 사용하는 로그인 플로우에서 과하게 생략을 한 플로우이므로 참고로만 봐주시면 감사하겠습니다.

 

이렇게 오늘은 현업에서도 자주 사용되는 플로우 차트(Flow Chart)에 대해 알아봤는데 더 자세한 내용이 궁금하신 분들은 아래 참고 링크를 참고하시면 좋을 것 같습니다.

 

감사합니다 ^^

 

참고

https://gongbu-ing.tistory.com/92

https://hello-woody.tistory.com/14

https://ko.wikipedia.org/wiki/%EC%88%9C%EC%84%9C%EB%8F%84

https://www.lucidchart.com/pages/ko/what-is-a-flowchart-tutorial