최종 결과 구현 목표1) 시작버튼 클릭시 1000~9999 사이의 숫자가 무작위로 나타나고, 3초 뒤 사라진다.2) 사용자가 숫자를 입력하고, 제출 버튼을 통해 정답 유무를 확인한다.3) 정답일시 "정답입니다!" 오답일시 "오답입니다! 정답은 nnnn입니다."를 노출한다.4) 그 외 자유! 추가한 기능1) 숫자가 보여지는 동안 입력 및 제출 제한, 사용자가 입력한 정답은 다시 게임을 시작할 때 지워주기2) 정답 제출 후 2초 뒤 초기화3) 제한시간(3초) 카운트다운 보이기4) 입력 필드에 안내문구 표시 setTimeout 활용 오류거의 끝났다 생각하고 즐겁게 테스트를 해보던 중.. 내가 외워야하는 숫자가 바뀌고 카운트다운도 멈추는 상황을 발견했다. 의심가는 곳에 중단점을 찍어보다가 화면 구성을 초기화하..
숫자맞추기 게임을 만들며 제한시간을 화면에 표시하고싶어 setInterval을 사용해보았다.알아본 내용을 정리해보자. setTimeout사용법지정한 시간만큼 기다렸다가 함수를 실행해야할 때 사용할 수 있다!setTimeout(실행할 함수, 기다릴 시간);setTimeout(() => { console.log("1초 지남");}, 1000);setTimeout(foo, 3000);function foo() { console.log("3초 지남");} 실행할 함수를 바로 작성해주거나 함수명을 적어주고, 기다릴 시간을 ms 단위로 작성해주면 된다. (1000ms == 1초) clearTimeout중간에 실행을 취소하고 싶은 경우 clearTimeout()을 사용하면 된다!setTimeout을 실행할 때 ID가..
무작위의 숫자를 띄우고 일정 시간이 지나면 숫자를 가린 뒤 사용자의 입력을 받아 정답인지 확인하는 과제를 진행했다.과제에서 제시하는 기본적인 기능을 구현하고나니 전혀 어렵지가 않아서 게임같이 느껴지는 기능을 더 추가하고싶었다!우선은 숫자가 보여지는 동안은 정답을 입력할 수 없도록 제한하는 기능을 추가해보기로 했다. disabledinput 의 attribute 중 입력을 제한하는 것이 분명 있을 것 같아 어떤 것들이 있는지 살펴보았다.가장 먼저 눈에 띈 것이 disabled였고, 바로 적용해보았다.기본적으로 숫자 입력과 제출 버튼을 비활성화 시켜두었다가 숫자를 암기할 수 있는 제한시간이 지나면 숫자 숨김 / 입력 활성화 / 제출버튼 활성화 되도록 했다. 위와 같이 disabled를 태그에 추가하면 해..
프로그래머스 3진법 뒤집기 문제를 풀이한 후 메서드를 활용한 진법변환이 눈에 띄어 더 알아보았다! 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 내가 시도한 방법function solution(n) { let convertedNum = []; while(n > 0) { convertedNum.push(n % 3); n = Math.trunc(n / 3); } let answer = 0; for(let i = 0; i 변환해야 하는 수를 3으로 나눠가며 몫과 나머지로 3진수 수를 구하고, 뒤집..
서울시 미세먼지 API를 활용한 fetch 실습 강의 수강 중 특정 조건에서 빨간 글씨로 출력하기 위해 아래와같은 코드를 사용하였다.let tmp_html = ``;if(gu_mise > 40) { tmp_html = `${gu_name} : ${gu_mise}`;}else { tmp_html = `${gu_name} : ${gu_mise}`;}$('#names-q1').append(tmp_html); 동일한 부분은 한번에 처리하고 조건에따라 달라져야하는 부분만 따로 처리할 방법을 고민해보고싶어 이것저것 찾아보고 시도해보았다! 처음 시도한 방법문자열 보간let li_class = gu_mise > 40 ? "class=bad" : "";let test_html = `${gu_name} : ${..
콘솔을 활용해 ASCII 아트를 찍어보는 실습을 해보던 중..이스케이프 문자를 활용해보고 다양한 console.error와 같은 출력방식을 접해보는 것만 생각하고 자신있게 시작했다가 예상치 못한 난관에 마주쳤다.바로... 시간 측정!! 처음 시도했던 방법let start = new Date();console.log(" /\\_____\n", " ( @ \\___\n", " / 0\n", " / (_____/\n", " /________/ U");let end = new Date();console.log("이것은 간단한 ASCII 아트 강아지입니다.");console.warn("주의: ..