숫자야구 구현기

NASTAR·2023년 5월 9일
0

자바스크립트

목록 보기
3/4

숫자야구를 구현중에 있다. 앞으로는 프로젝트를 만들며 배웠던것에 대해 적용해볼 것이다. 이 공부방법을 믿고 삽질 열심히 해봐야지. 개발자에게는 삽질도 하나의 덕목일테니!~

제로초님의 강의를 보고 기본적인 기능은 만들었다.
1. 랜덤숫자 만들기 (중복되지 않은 숫자)
2. 숫자입력
3. 입력하고 스트라이크 볼 결과 리스트 출력(DOM 이용)
4. 진행바 출력

크게 여기까지 구현하였다.
모바일 반응형을 조금 고려하여 개발하였다.
미디어쿼리에 대해서는 헷갈려서 구글링을 통해 금방 해답을 찾게 되었다! 분기점을 내 마음대로 설정하였는데 실무에서는 어떤방식으로 분기점을 둘지 궁금해졌다.

테스트해보면서 발생한 문제점

이렇게 적었던 부분 나오는 것 너무 거슬린다. 해결이 필요합니다.

문제출제시 중복된 숫자가 나오는 수를 제외시켰기 때문에 중복된 숫자를 입력하는 것을 방지해야 한다. modal(형식)으로 경고문을 주는 것이 좋으려나. 마찬가지로 문자열과 특수문자입력도 제외시켜야 한다.

신기한 것은 중복된 숫자, 문자열 특수문자입력시 input.value()값이 초기화 되지 않는데 이유가 뭘까 내 코드를 분석해봐야겠다.

문제점을 해결하기 이전에 JS파일을 분리해봐야겠다.
지금은 HTML파일안에 script태그 안에 js파일을 넣었기 때문에..

변수명도 한글로 되어있는 부분이 있기에 해결해보겠다. 최대한 컨벤션을 지켜보며.. 만들어봐야지
함수들 구분을 어떻게 하는것이 좋을까?? 궁금해졌다..

구글링하며 도움받은 링크

변수명 추천해주는 사이트 https://www.curioustore.com/#!/
미디어쿼리 https://hohoya33.tistory.com/127

0개의 댓글