JavaScript 입문 : 숫자 야구 게임 - 룰과 순서도

이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

숫자 야구 게임이라고 해서 실질적으로 야구게임을 만드는 것인줄 알았습니다만, 게임 방식에서 야구에서 사용하는 홈런, 스트라이크, 볼이라는 용어를 사용하는 군요.

 

좀 더 게임룰을 알아보고 자바스크립트에서는 어떤 방식으로 공부가 되는지 확인해 보도록 하겠습니다.  

 

1. 숫자 야구 게임룰 

 

숫자 야구 게임에 대한 규칙을 알아보도록 하겠습니다. 나중에 든 생각이지만 게임에 대한 규칙을 개별적으로 만들어서 코딩을 할 수 있는 능력이 된다면 어느정도 수준에 올라와 있다라는 말과 같다고 볼 수 있을 겁니다  

 

① 랜덤하게 숫자 4개 뽑기 (술래)

 

이 게임의 주목적은 미리 뽑혀진 숫자를 10번의 기회를 통하여 맞추는 게임입니다. 사실 사람끼리 하면 술래가 기입한 숫자를 상대편이 10번안에 맞추는 게임인데 이 과정을 코딩한다고 보면 됩니다. 

 

술래입장에서 중복되지 않는 4개의 숫자를 선택한 것에서 게임이 시작됩니다. 

 

②  10번안에 술래가 기입한 숫자 맞추기

 

술래의 숫자를 맞추는 게임입니다. 여기서 중요한 것은 술래가 미리 만들어 놓은 (여기서는 랜덤하게 뽑은) 4자리 숫자의 자리와 숫자가 중요합니다.

 

예를 들어 술래가 적은 숫자를 1, 2, 3, 4라고 하지요 

 

이제 10번의 기회안에 술래가 적은 1, 2, 3, 4를 맞춰야 게임에서 이깁니다. 게임의 룰은 자리와 숫자가 정확히 맞으면 스트라이크, 자리가 틀리고 숫자만 맞으면 볼,  다 틀리면 아웃, 전체를 다 맞추면(자리와 숫자) 홈런이라고 표시합니다. 

 

예를 들어 1, 5, 7, 6이라고 했을 경우는 1은 숫자와 자리까지 맞기 때문에 스트라이크 입니다. 그 외 맞은 경우가 없으니 원스트라이크입니다. 그러면 게임을 하는 입장에서 1, 5, 7, 6중에 하나는 반드시 자리와 숫자가 일치 하겠구나 하면서 2번째 경우의 수를 말할 수 있는겁니다. 

 

이렇게 10번의 기회를 통하여 숫자를 맞추면 되는데 이번 코딩에서는 술래가 만드는 숫자 4개도 코딩을 통하여 만들어 내고 우리는 직접 입력을 통하여 컴퓨터인 술래가 랜덤하게 만들어 낸 숫자를 맞추는 게임을 하도록 합니다. 

 

2. 순서도 그리기 

 

순서도를 그림에 있어 출제자(술래, 컴퓨터)의 입장과 상대편이 문제를 풀어가는 과정에서 화면의 변화 등을 고려하면 됩니다. 좀 더 CSS를 이용하여 예쁘게 작업을 할 수 있으나 일단 자바스크립트를 한번 공부하고 난 이후 필요시 화면을 꾸미는 공부를 하도록 하겠습니다.  

 

순서도 고려 사항 

 

① 출제자편에서 무작위로 숫자를 4개 뽑고 대기 

    - 숫자는 1에서 9사이 

 

② 사용자편에서 4자리 숫자 입력

 

③ 스트라이크, 볼, 아웃, 홈런인 경우를 만들어 내는데 이 과정을 10번 반복

    - 10번내 당청되면 축하합니다. 실패하면 아쉽네요. 다음 기회에 

 

 

큰 항목을 기준으로 세분하면서 순서도를 그려봅니디. 아직 훈련이 더 필요한 것은 사실입니디만, 아래와 같은 순서도를 힌트를 받아 그려 보았습니다.