숫자야구 게임

제로초님 자바스크립트로 게임만드는 강의를 보고 실습을 해오다가 지뢰찾기 게임 부분부터는 너무 복잡하고 어려워서 잠시 그 전에 했던 게임들을 혼자 힘으로 코딩을 해보는 시간을 가지기로 했다.

강의를 듣다보면 재생을 잠시 멈춰두었다가 혼자 코딩 해보려고 해도 앞에 영상이 있고 몇 초만 넘기면 코드를 보게 되다보니

완전한 내것이 아닌 느낌이 들긴 했었다.

원래는 계산기만드는 것 부터 하려고 했으나 지금 수강중인 코드스테이츠에서 계산기를 만들 예정이라

숫자야구부터 차금차금 해보는 걸로!!

 

 

 

먼저 숫자야구 게임의 룰은

컴퓨터가 1 - 9까지의 중복되지 않는 숫자 4개를 뽑는다.

게임을 하는 유저는 총 10번의 기회가 있고 컴퓨터가 랜덤으로 고른 4개의 숫자를 맞추면 된다.

이때, 숫자뿐만 아니라 순서까지 맞춰야 한다. 틀릴 때 마다 힌트는 준다.

만약 5728이라는 숫자가 정답이고 나는 7129라는 번호를 입력하였으면

1스트라이크(순서까지 맞춘 경우) 1볼(숫자가 포함만 되어있으면)이라는 힌트를 준다.

 

 

숫자야구의 순서도를 보면 아래와 같다.

순서도 그리는 습관도 좀 길러야 할텐데.. 아직 그리는데에 익숙하지가 않다.

1. 숫자 랜덤으로 4개 뽑기

내가 작성한 코드는 다음과 같다. 옛날에는 오로지 Math.random()만 사용하였더라면

제로초님께서 말씀하시길 값이 골고로 나오지 않는다고 한다.

그래서 많이들 사용하는 방법이 피셔 예이츠 셔플 알고리즘이다. (이것에 관한 내용은 따로 글로 남겨두었음.)

대충 코드를 보자면 길이가 9일 배열을 만들어 undefined로 공간을 채워놓고 map을 사용해 1부터 9까지의 값을 채웠다.

그리고 4개를 뽑아야하니 랜덤으로 나온 번호의 순서인 값을 하나 제거한 값을 value에 넣고 그것을 answer 배열에 넣으면 랜덤한 값 4개가 나온다.

 

제로초님의 코드

let numbers = []
for (let n = 0; n <= 9; n += 1) {
    numbers.push(n)
}
let answer = []

for (let n = 0; n <= 3; n += 1) {
    const index = Math.floor(Math.random() * numbers.length) // 0 ~ 9 정수
    answer.push(numbers[index])
    numbers.splice(index, 1)
}

이렇게 보니 내 코드도 그렇게 나쁘진 않은 것 같다..!

 

 

2. 답을 체크하기

일단 여기서 차이가 있었던 것이 제로초님은 답을 입력할 때 5136 이런식으로 입력하는 것을 생각한 반면

나는 5 1 3 6 이런식으로 하고 싶었다.

그렇기 때문에 약간의 차이는 있지만 큰 틀은 비슷하기 때문에 코드를 비교해보려 한다.

제로초님은 그리고 검사하는 if문들을 함수로 따로 만들어서 사용하셨다.

그리고는 그 함수의 리턴값이 true이면 다음 동작들이 실행이 되도록 말이다.

 

 

3. 힌트 주기

이 부분은 저기 결과 값 나오는 부분은 살짝 참고 했다 ㅠ

 

(value 는 입력한 값)

제로초님은 indexOf()를 사용하였다.

예를들어 정답이 3146이고 내가 입력한 value는 1234이면

i가 0일때 answer[0] 은 3이고 이 값이 value의 몇번째에 있냐는 말이다. 그럼 저기 작성한 index의 값은 2가 되겠다.

일치하는 숫자가 발견이 되었다는 것은 0이상의 값이 있다는 뜻이겠고 자리까지 똑같으면 if문으로 처리해준다.

indexOf를 사용한다는 생각조차 못하였는데 이렇게도 사용이 되구라 라고 생각했다..!

 

 

 

4. 시도한 값을 또 입력했을 경우

tries라는 배열에 내가 적은 답을 push한다. input값을 이전에 배열로 만들어 놓았는데 includes를 사용하기 위해 문자열로 만들어준다.

(배열은 안되더라구요..? 혹시 되면 댓글로 말씀해주세요..ㅎㅎ)

tries에 없는 값들이 들어가면 tries에 들어가고 count를 1 추가해주고 이미 기존이 있는 값이 tries에 들어가면 alert로 경고 메세지가 뜬다.

join() 은 배열인 값을 저렇게 문자열로 변경해주는 아주 편리한 메서드이다.