무작위의 숫자를 띄우고 일정 시간이 지나면 숫자를 가린 뒤 사용자의 입력을 받아 정답인지 확인하는 과제를 진행했다.과제에서 제시하는 기본적인 기능을 구현하고나니 전혀 어렵지가 않아서 게임같이 느껴지는 기능을 더 추가하고싶었다!우선은 숫자가 보여지는 동안은 정답을 입력할 수 없도록 제한하는 기능을 추가해보기로 했다. 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("주의: ..
동적 타이핑 언어자바스크립트는 동적 타이핑 언어로, 자료형이 있지만 프로그래머가 자료형을 지정하지 않아도 되는 언어이다.변수에 저장되는 값의 타입은 초기화 이후에도 언제든지 바뀔 수 있다. 숫자형 (Number)정수, 부동소수점 숫자, 특수 숫자값이 해당된다.- 지수 표현: 2.5e5 === 2.5 * 10^5- 특수 숫자값 (special numeric value): Infinity, -Infinity, NaN- Infinity: 어떠한 숫자보다 더 큰 값, 무한대 / 어떤 숫자든 0으로 나누면 무한대- NaN: 부정확하거나 정의되지 않은 수학 연산을 사용하여 에러가 발생했을 때 반환되는 값 BigInt2^53 - 1보다 큰 값 혹은 -(2^53 -1)보다 작은 정수는 숫자형을 통해 나타낼 수 없다.따..