알고리즘 플로우차트 작성 방법 | 플로우 정리하는 법 | 플로우차트란?
안녕하세요 예옹이입니다.
오늘은 알고리즘 플로우차트를 작성하는 방법을 소개하겠습니다!
0. 알고리즘 플로우차트가 뭐야?
먼저 알고리즘 플로우차트란,
알고리즘의 흐름을 도식화한 것을 의미합니다.
많이들 보셨을
이런 그림이 알고리즘 플로우차트랍니다.
1. 플로우 정리하는 방법
플로우차트를 그려주려면 플로우 정리부터 시작해야합니다.
플로우 정리는 주요 기능별로 해주시면 됩니다.
제가 진행한 어플리케이션 제작 프로젝를 예로 들어 설명하겠습니다.
저희가 제작한 어플리케이션은 크게
가계부 - 캘린더 - 홈 - 알림 - 마이페이지의 기능이 있습니다.
그래서 저희는 주요 기능별로
가계부 캘린더 홈 알림 마이페이지 5개의 플로우를 정리했습니다.
2. 그 외 기능 정리
웹이나 앱의 주요 기능별로 플로우를 정리해주었다면
이제 그 외 기능도 정리해주시면 됩니다.
그 외 기능이란 크게 두가지가 있습니다.
2-1. 앱/웹 실행
실행 기능이란 회원가입&로그인 관련 기능입니다.
앞서 보여드린 제가 작성한 플로우차트를 예로 가져왔습니다.
저희는 어플 실행 시에 회원가입 / 로그인 / 그룹가입
세가지 기능을 작동시켜 올바른 그룹으로 회원을 넣어주고 싶었기에 다음처럼 정리했습니다.
2-2. 중요 알고리즘
중요 알고리즘은 필수로 정리하실 필요는 없습니다.
단 프로젝트마다 중요하게 생각하는 알고리즘이 있고, 이를 정리해두어야 한다면 만드시길 추천합니다!
저희는 가계부의 정산 기능 알고리즘이 매우 중요했기에 따로 정산 알고리즘의 플로우도 정리했습니다.
3. 플로우차트 표준 기호
다음 도표는 플로우차트에 쓰이는 도형과 그 의미를 정리한 것입니다.
다음 표준 기호에 맞게 플로우차트를 그려주시면 됩니다.
하지만 팀 내에서 정한 기준이 있다면 그걸 따라가셔도 됩니다.
더 많은 표준 기호는 아래 링크를 참고하시면 됩니다.
https://www.smartdraw.com/flowchart/flowchart-symbols.htm
Flowchart Symbols
Let's go over each flowchart symbol individually.
www.smartdraw.com
4. 플로우차트 그리기
플로우차트를 그려볼 차례입니다.
시작 / 끝 - 도형을 이용해 주요 기능 중 하나를 정해줍니다.
판단 - 도형을 이용해 사용자의 선택을 Yes / No 로 나눠줍니다.
입력 - 도형을 이용해 사용자가 입력할 상황을 지정합니다.
프로세스 - 도형을 이용해 사용자의 선택을 나눠줍니다
- 도형을 이용해 사용자의 최종 선택지를 고려합니다.
화살표 - 기호를 이용해 방향과 흐름을 지정해줍니다.
다음 설명을 참고해서 간단한 피드 기능 플로우차트를 그려보겠습니다.
먼저 피드기능을 지정하고 피드에서 사용자가 수행할 행동을 나눠줍니다.
그리고 사용자가 게시글을 작성하면서 업로드를 할 수도 안 할 수도 있습니다.
이를 판단 도형을 활용해서 구분해줍니다.
그 다음 Yes No로 사용자의 판단을 결정합니다.
업로드를 할 경우에는 게시글을 계속 입력할겁니다.
업로드를 안할 경우에는 게시글 작성을 취소할겁니다.
입력이 끝나면 게시글 업로드를 완료합니다.
이제 게시글 설정칸을 지정해줄 차례입니다.
설정은 게시글을 고정하거나 수정/삭제할 경우가 존재합니다.
이런식으로 다른 기능들도 플로우차트를 그려주시면 됩니다!
5. 플로우차트 그리기 좋은 앱
플로우차트를 그리기 좋은 앱으로는 draw.io라는 앱이 있습니다.
draw.io
Security-first diagramming for teams. Bring your storage to our online tool, or save locally with the desktop app. No login or registration required.
www.drawio.com
위 링크를 들어가시면
다음과 같은 화면이 뜹니다. start를 클릭하면
이러한 화면이 뜨는데 google드라이브로 저장하고,
팀원들과 google드라이브 공유를 통해 같이 편집하시면 됩니다.
이 글을 보시는 모두들 막힘없이 플로우차트 그려내시길 바랍니다!