숫자야구게임
-
JavaScript 입문 : 숫자 야구 게임 - 스스로 공부하기컴퓨터 알아가기/JavaScript 2022. 4. 12. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간까지 숫자 야구 게임에 대한 자바스크립트 공부를 해 보았습니다. 기본적인 자바스크립트 코딩은 완성을 했기에 좀 더 보기 편하게 꾸밀 수 있는 방안이 있는지 고민해서 반영을 하는 시간을 갖도록 하겠습니다. 이런 고민들이 결국 코딩에 대한 실력을 키울 수있고 자신의 것으로 만들 수 있다고 생각이 드네요. 1. 3 out 표시하기 지난 시간 브라우저 결과를 보면 아웃이 3번 나오는데 아웃이라는 글자앞에 1, 2, 3이라는 숫자를 반영하고자 합니다. 아웃카운트 1씩 증가인데 증가는 out += 1;로 표현을 하였습니다. 이 부분이 화면에 나올 수 있게 하는 것이 key-point로 보여지네요. 상기 순서도에서 아웃카운트 1씩 증가하는 ..
-
JavaScript 입문 : 숫자 야구 게임 - 아웃 표시 하기 : 순서도에 맞게 코딩컴퓨터 알아가기/JavaScript 2022. 4. 11. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. ▒ 순서도에 맞게 코딩 : 아웃 표시 하기 각 순서도별로 코딩의 방향성을 고민해 보았습니다. 직접 VS Code에 코딩을 추가한 후 브라우저에서 확인한 결과를 먼저 보고 코드를 보겠습니다. 결과를 보게되면 3번째 잘못된 숫자 6915를 입력함으로써 3번째 아웃과 동시에 정답은 2743으로 표시되도록 했습니다. 코드를 살펴 보겠습니다. 1. 변수선언 out에 대한 변수를 선언해야 되는데요. 변수 선언위치에 대해 어디에서도 제대로 가르쳐 주는 데를 찾지 못하겠어요. 시행착오를 거친 후 내린 결론은 해당 변수가 중복으로 사용되는 코드 위에 위치해야 합니다. 따라서, out에 대한 변수선언은 strike나 ball이 있는 위치보다 훨씬 더 위에..
-
JavaScript 입문 : 숫자 야구 게임 - 아웃 표시 하기 : 순서도 만들기컴퓨터 알아가기/JavaScript 2022. 4. 8. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 자바스크립트라는 언어에 대한 기본 지식이 없는 초보자인 입장에서 강좌를 보면서 이해를 하고자해도 잘 안되는 경우가 많습니다. 무조건 따라하는 것은 응용 능력에 전혀 도움이 되지 않기 때무이죠. 이런 부분이 항상 머리속에 있는 고민중에 하나였는데 포기하지 말고 이해할려고 노력하고 또 노력해야 겠습니다. (젊은 시절에는 이해력도 높고 속도도 나기 시작했는데 새로이 시간을 내서 천천히 공부를 하다보니 왜 이 언어를 배우나하는 흔들리는 시점도 많이 생기네요..) 강좌를 들으면서 자신의 것으로 만드는 과정은 지난한 과정입니다만, 조금씩 조금씩 진도를 스스로 나갈 수 있다라는 자신감이 중요한것 같습니다. ▒ 아웃 카운트 표시 화면과 같이 출제자의 ..
-
JavaScript 입문 : 야구 숫자 게임 - 홈런 여부 검사컴퓨터 알아가기/JavaScript 2022. 4. 5. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간까지 숫자 4개가 제대로 입력이 되었는지에 대한 입력값 검증에 대해 공부를 해 보았습니다. 여기서 눈여겨 볼 만한 포인트는 form태그 이벤트리스너에서 입력값 검증 코딩이 길게 되는 경우 좀 더 효율적인 방법으로 함수를 외부에 지정하고 코딩을 하였습니다. 앞으로 기회가 되면 이런 훈련을 많이 해 봐야 할 것 같습니다 오늘은 홈런인지 아니면 몇 볼 몇 스트라이크 인지 판단을 하고 코딩을 하는 방법을 공부하고자 합니다. 1. 홈런인지 확인 게임의 규칙상 4자리 숫자를 우연히 정확하게 맞히면 홈런이라고 화면에 표시를 합니다. 물론 10번의 시도 중에서 볼과 스트라이크를 확인하면서 숫자를 맞춰야 겠지요. 만일 10번까지 시도를 한다고 ..
-
JavaScript 입문 : 숫자 야구 게임 - 정답 여부 확인 (4개 숫자 검증하기 2)컴퓨터 알아가기/JavaScript 2022. 4. 4. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간 게임참가자가 입력되는 값에 대한 검증을 하고 있었습니다. 계속해서 검증에 대해 공부를 하고자 합니다. 상기 그림과 같이 외부함수 checkInput(input)을 통해서 입력값에 대한 에러를 예상하였고 form태그 이벤트리스너안에 제대로 된 입력값을 넣기위한 기본 코딩을 만들어 보았습니다. ① 입력값이 문제 없는 경우 입력값이 문제 없는 경우를 확인하기 위해서 입력값이 들어갈 빈 배열을 하나 만들고 .push를 이용하여 4개의 숫자를 빈 배열에 저장한 후 확인합니다. tries라는 빈 배열 변수를 선언하고 입력된 값 value를 push해 보고 브라우저에서 시험해 보도록 합니다. ② 입력값을 이미 시도한 경우 입력값을 이미 시..
-
JavaScript 입문 : 숫자 야구 게임 - 무작위 숫자 4개 뽑기 (출제자 입장)컴퓨터 알아가기/JavaScript 2022. 3. 30. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간 0부터 9까지 정수를 Math.random( )이라는 함수를 이용해서 추출해 보았습니다. 이제는 이 방식을 이용해서 출제자 입장에서 숫자 4개가 필요한데 숫자 4개를 뽑고 어딘가에 저장을 하고 대기까지 하는 코딩을 공부하도록 하겠습니다. 다시 순서도를 보도록 하겠습니다. 이 순서도처럼 하기 위해서 필요 항목을 고민해 볼 필요가 있습니다. ① 전체 범위인 1 ~ 9까지 모집단을 만들고 ② 모집단에서 4개의 임의의 숫자를 뽑고 저장 ③ 모집단에서 뽑힌 숫자는 중복이 되지 않게 입니다. 모집단 만들때 배열(Array)을 사용하고, 임의의 숫자를 뽑을 때는 Math.random( )함수를 사용하고 중복이 되지 않게 뽑힌 수는 splic..
-
JavaScript 입문 : 숫자 야구 게임 - 무작위(랜덤) 숫자 만들기컴퓨터 알아가기/JavaScript 2022. 3. 29. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간 숫자 야구 게임에 대한 순서도를 그려 보았습니다. 이 순서도에서 문제를 내는 출제자(술래)입장을 코딩할 예정입니다. 순서도만 따지면 다음과 같습니다. 우선 기본적인 HTML 프레임만 만들어 놓고 상기 순서도를 코딩해 보겠습니다. 1. 숫자야구를 위한 기본 HTML 기본적 HTML 모양이 필요합니다. 출제자가 낸 랜덤 숫자 4개는 컴퓨터 어딘가에 저장을 시키고 우리는 기본적 HTML에 숫자를 직접 타이핑 하면서 게임을 진행할 겁니다. 상기와 같은 입력창을 하나 만들고 이 입력창에 숫자를 입력해 가면서 컴퓨터에서 랜덤하게 만든 숫자를 맞출 생각입니다. 우선 HTML 코드는 다음과 같이 사용합니다. 참고로 태그 밑에 id = log..
-
JavaScript 입문 : 숫자 야구 게임 - 룰과 순서도컴퓨터 알아가기/JavaScript 2022. 3. 28. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 숫자 야구 게임이라고 해서 실질적으로 야구게임을 만드는 것인줄 알았습니다만, 게임 방식에서 야구에서 사용하는 홈런, 스트라이크, 볼이라는 용어를 사용하는 군요. 좀 더 게임룰을 알아보고 자바스크립트에서는 어떤 방식으로 공부가 되는지 확인해 보도록 하겠습니다. 1. 숫자 야구 게임룰 숫자 야구 게임에 대한 규칙을 알아보도록 하겠습니다. 나중에 든 생각이지만 게임에 대한 규칙을 개별적으로 만들어서 코딩을 할 수 있는 능력이 된다면 어느정도 수준에 올라와 있다라는 말과 같다고 볼 수 있을 겁니다 ① 랜덤하게 숫자 4개 뽑기 (술래) 이 게임의 주목적은 미리 뽑혀진 숫자를 10번의 기회를 통하여 맞추는 게임입니다. 사실 사람끼리 하면 술래가 기..