순서도 기호와 그리는 법 — 조건문·반복문을 C# 코드로 옮기기

그림으로 약속하기

순서도는 오래된 도구지만 지금도 쓸모가 큽니다. 버튼을 눌렀을 때 일어나는 일, 로그인 흐름, 결제 흐름처럼 한 장면의 순서와 갈림길을 맞출 때는 순서도가 가장 빠릅니다.

순서도 읽기

순서도는 사용자의 시나리오를 논리로 그립니다. 한 장에 시나리오를 하나씩 그립니다. 시작점에서 출발해 사용자의 선택이나 상태에 따라 사다리처럼 갈라지고, 마지막에 정해진 결과에 도착합니다.

위 그림을 따라가 봅시다. 배고픈가? 예 → 돈이 있는가? 예 → 치킨. 배고프지 않으면 졸린지 묻고, 졸리면 에너지 음료를 마시고 코딩합니다. 어느 길로 가도 끝은 정해진 결과 중 하나입니다. 갈림길(마름모)에서 나가는 화살표에는 언제나 예 / 아니오가 붙습니다.

순서도 기호 여덟 가지

파랑은 흐름의 시작과 데이터, 빨강은 준비와 판단과 화면, 초록은 일을 하는 단계입니다. 색은 약속이 아니라 읽기 쉽게 하려는 장치이고, 모양이 약속입니다.

수업 예제: 랭킹 페이지와 건설 버튼

왼쪽 랭킹 페이지. 전투력 랭킹과 수집 랭킹은 받는 데이터만 다르고, 받은 뒤의 일(점수로 정렬해서 출력)은 같습니다. 그래서 두 길을 결합 기호(원)에서 합쳤습니다. 순서도에서 결합을 찾으면 코드에서 함께 쓸 함수가 보입니다.

오른쪽 건설 버튼. 건설을 누르면 건축물 데이터를 불러오고, 비용이 충분한지 묻고, 정말 지을지 한 번 더 묻습니다. 두 번의 "아니오" 는 각각 다른 안내 문구로 끝납니다. 안내 문구까지 순서도에 적어 두면 기획자와 문구를 맞추는 일도 함께 끝납니다.

실습 1: 반복

i 를 0 으로 초기화하고(육각형), 결합 기호를 지나 조건을 묻습니다. i 가 10 보다 크지 않으면 2 를 더하고 다시 결합 기호로 돌아갑니다. 위로 돌아가는 화살표가 곧 반복문입니다. 조건이 참이 되면 반복을 빠져나와 i 를 출력합니다.

int i = 0;              // 초기화 (육각형)
while (!(i > 10))       // 조건 판단 (마름모) — 아니오면 계속
{
    i = i + 2;          // 처리 (사각형)
}
Debug.Log(i);           // 모니터 출력 → 12

출력되는 값은 12 입니다. 10 일 때는 "10 보다 크다" 가 거짓이라 한 번 더 2 를 더하기 때문입니다. 순서도를 손가락으로 따라가 보면 이런 경계값 실수를 코드 전에 잡을 수 있습니다.

실습 2: 자동 로그인

문장으로 읽을 때는 복잡해 보였던 요구가 그림으로는 갈림길 두 개와 반복 하나입니다. 주목할 곳은 결합 기호입니다. "자동 로그인 성공" 과 "수동 로그인 성공" 이 같은 곳에서 만나 로비로 갑니다. 로비로 가는 코드를 여러 군데에 둘 필요가 없다는 뜻입니다.

void Start()
{
    bool alreadyLogin = PlayerPrefs.GetInt("AlreadyLogin", 0) == 1;   // 입력: AlreadyLogin 읽기
    if (alreadyLogin) GoLobby();                                      // 예 → 결합
    else TryGoogleLogin();                                            // 아니오 → 로그인 시도
}

void TryGoogleLogin()
{
    GoogleLogin(success =>
    {
        if (!success) { TryGoogleLogin(); return; }                   // 실패 → 다시 시도
        PlayerPrefs.SetInt("AlreadyLogin", 1);                        // 출력: true 저장
        GoLobby();                                                    // → 결합
    });
}

void GoLobby() => SceneManager.LoadScene("Lobby");                    // 처리: 로비로 이동

4강에서는 이 순서도를 실제 Unity 화면으로 구현했습니다. 순서도의 도형마다 코드 한두 줄과 맞아떨어지는 것을 확인하는 실습이었습니다.

순서도를 그릴 때의 약속

함께 읽으면 좋은 글

• UML 다이어그램 읽는 법 — 게임 예제로 배우는 클래스·시퀀스·유스케이스