20.08.20 javascript 숫자야구 만들기

deokyeong1020·2020년 8월 20일
0

1.순서도 작성


숫자 야구를 만들기에 앞서 순서도를 작성했다.
물론 배우고 있는 강의중 1번 들었던 내용이라 순서도 작성이 무슨 의미가 있나 싶을 수 있지만,
전 과정을 혼자 처리한다는 것은 또 다른 의미가 있다고 생각해서, 처음부터 시작해보았다.

  1. 코드 작성 시작

순서도, 그러니까 설계도에 따라 작성을 해보았다. 순서도를 보고 작성하면서 느낀건데 생각보다 디텐일하게 들어가야 할 부분이 많았다. 왜 그런지 글을 작성하면서 이야기해보겠다.

숫자를 제시하는 박스영역에관해 먼저 코드를 작성해보았다.

  1. 게임에 필요한 숫자는 4자리를 가질 것.
    사실 초기 단계에서는 함수를 사용하지 않았다. 스스로 코드 작성에 능하다면 설계 도면을 쓸 때부터 반복되는 값들에 대한 인지를 하고 그 값을 애초에 함수로 선언하여 작성해 나갔겠지만 지금은 초보자니까...
    일단은 한줄한줄 목표에따라 코드를 구현했다. 초기조건함수의 내용이 바로 그것이다.
    여기는 구현이 그렇게 힘들었던 부분은 아니다. 다만 조금 생각할 여지를 적어보자면
후보 뽑기에 숫자 후보에서 뽑아낸 숫자들을 push() 메서드를 이용해서  length가 4인 배열을 만들어 주었다. 여기서 주의 사항이 배열 자체는 숫자가 들어간다. var  후보뽑기 = [1, 2, 3, 4]같은 식일 것이다.
요 배열의 상태로는 초기에 제시하는숫자가 될 수 없다. 여기서 join()메서드를 활용하여 배열 -> 문자열 spring "1234"식으로 만들어 줄 수 있다.  **숫자 배열 -> 숫자로 만들어 줄 수 있는 방법**은 아직 배우지 않아 있다면 다음에 검색을 통해 알아봐야겠다. 아시는분은 댓글로 알려주세요ㅠ
좌우간 문자열로 제시수를 나타낼 수는 없으니 Number() 메서드를 활용해서 제시수를 손 쉽게 구할 수 있다.

여기 작업을 하면서 안타까웠던 부분인데 숫자후보를 픽해서 후보뽑기에 넣어주는 방식으로 코드를 작성해서 1122같은 중복 제시수는 낼 수 없었다...추후에 고민해볼 수 있는 여지가 있을 것 같다.

  1. 입력창 작성
    너무도 단순한 작업이다. 그저 인풋테그에 값을 넣어줄 수 있게 잘 작성하면된다.
    다만 주의할 점은 인풋태그 입력창에 입력해준 숫자,문자는 모두 string타입이된다.
    문자열 -> 배열로 해주는 작업이 가능한데 문자열.split("")을 써주면 가능하다.
    문자열을 한 문자열 한 문자열로 쪼개서 배열을 만들어준다. 당연히 배열은 문자열 한글자씩으로 구성된다.
    사실 이런건 하다보면 외우는거지 그다지 외워야 한다고는 안 느껴진다.
    typeof(알아보고싶은거); 코드를 확인하여 추후 조건제시에 어려움이 없도록하자.!

여기서 정말 실수가 많았다.
indexOf에서 O를 소문자로 써서 좀 고생했다. 다시한번 대소문자의 구별이 중요함을 절실히 느꼈다.
나머지 실수라기 보다 좀 모자란 부분인다. 함수도 , 를 활용해서 다조건을 걸 수 있을까?
내가 잘못걸어서 그런건지 코드의 순서를 잘못적용해서 그런건지 추후에 다시 확인해봐야겠다. 아까 직접 찍어누른거 같은데 머리가 혼란스러워 까먹은듯... 오류는 수정할때 노트에 꼭 기록해야겠다.

이거는 js로 html태그를 만들어준건데 코딩 연습삼아 그냥 해봤다. 물론 html에 태그 작성하고 연결하는게 훨씬 효율적인 방식이다.!

자기전에 정리하고 자려고 다시 살펴보는데 정말 단순한 코딩이구나 싶다.
순서도 단계에서 설계를 잘 해서 설계된 내용을 차분히 구현해내는 연습을 하면 좀 더 해야겠다.

profile
일일 개발 기록 블로그

0개의 댓글