JavaScript 입문 : 숫자 야구 게임 - 아웃 표시 하기 : 순서도 만들기

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

 

자바스크립트라는 언어에 대한 기본 지식이 없는 초보자인 입장에서 강좌를 보면서 이해를 하고자해도 잘 안되는 경우가 많습니다. 무조건 따라하는 것은 응용 능력에 전혀 도움이 되지 않기 때무이죠. 이런 부분이 항상 머리속에 있는 고민중에 하나였는데 포기하지 말고 이해할려고 노력하고 또 노력해야 겠습니다. 

(젊은 시절에는 이해력도 높고 속도도 나기 시작했는데 새로이 시간을 내서 천천히 공부를 하다보니 왜 이 언어를 배우나하는 흔들리는 시점도 많이 생기네요..)

 

강좌를 들으면서 자신의 것으로 만드는 과정은 지난한 과정입니다만, 조금씩 조금씩 진도를 스스로 나갈 수 있다라는 자신감이 중요한것 같습니다.   

 

▒ 아웃 카운트 표시

 

화면과 같이 출제자의 정답이 8642인데 참가자가 1357로 입력하면 0스트라이크 0볼이 나옵니다.

이런 경우 아웃이라는 표현으로 바꾸고자 합니다.

코딩을 하기전에 순서도를 기준으로 구체화해야 합니다. 순서도를 내것화 시키던지 아니면 코딩의 순서를 시나리오로 자세히 기술하면서 코딩을 해야합니다. (이 부분에 대해 완벽히 자신의 것으로 만들지 못했지만 계속 노력하면 어느정도 수준으로 올라오지 않을까 생각해 봅니다.)

 

1. 순서도 추가하기 

 

기존 순서도를 살펴 보겠습니다. 

상기 순서도에서 주황색 부분에 순서도를 더 추가하면 될 듯 합니다. 

 

2. 추가된 순서도에 코딩 같이 고민하기 

 

지금까지는 순서도는 순서도대로 그려 놓고 잘 활용하지 못한 것도 개인적으로는 사실입니다. 말로는 순서도가 중요하다고 해 놓고 같이 연관시키지 못했으니 실력이 늘지 않을 수 밖에요.. 좀 더 순서도와 연관된 코딩을 같이 생각해 보는 훈련이 필요하네요.

 

아웃카운트로 바꾸기 위한 순서도를 좀 더 구체화 하였습니다. 

 

코딩과 같이 고민해 보겠습니다. 

 

① 0볼 0스트라이크 인가?

 

출제자의 숫자와 하나도 맞지 않으면 0스트라이크 0볼입니다. 이 때 아웃카운트를 표시하기 위한 작업은 아웃카운트에 대한 변수를 선언하는 겁니다. let out = 0;

 

... 인가? 는 if문으로 마름모꼴을 코딩합니다. 

 

if (strike === 0 && ball === 0) {

  ② 아웃카운트 1씩 증가 ; -> 1씩 증가는 out ++ 로  

   화면에 out 표시 -> $logs.append('아웃' 표시하고 줄바꿈);

} else {

  ③ 몇 볼 몇 스트라이크 표시 -> $logs.append(내용 표시, 줄바꿈 ); 

}

 

④ 시도횟수 1추가

 

기존 코딩으로 복귀

 

⑤와 ⑥ 3 out이면 Fail

 

 

3 out에 대한 if 문 작성하고 기존 Fail 코딩 표시if문은 if (out === 3) {   }으로 나타내어 질 수 있습니다 .

 

 

본 내용을 기준으로 직접 코딩을 작성해 보겠습니다.