개발자 꿈나무의 블로그

* window 객체의 메서드 종류 설명 alert() 알림 창을 표시합니다. blur() 현재 창에서 포커스를 제거합니다. close() 현재 창을 닫습니다. confirm() [확인], [취소] 버튼이 있는 확인 창을 표시합니다. focus() 현재 창에 포커스를 부여합니다. moveBy() 현재 창을 지정한 크기만큼 이동합니다. moveTo() 현재 창을 지정한 좌표로 이동합니다. open() 새로운 창을 엽니다. postMessage() 메시지를 다른 창으로 전달합니다. print() 현재 문서를 인쇄합니다. prompt() 프롬프트 창에 입력한 텍스트를 반환합니다. resizeBy() 지정한 크기만큼 현재 창의 크기를 조절합니다. resizeTo() 동적으로 브라우저 창의 크기를 조절합니다. s..

프로그램을 만들기 전에 먼저 무작위로 숫자를 추출하는 random() 메서드부터 알아보겠다. Math.random() 콘솔 창에 위의 코드를 입력하면 위와 같이 0 ~ 1사이의 숫자가 소수점 단위로 무작위 출력되는 것을 확인할 수 있다. 이번에는 1과 100 사이의 숫자를 무작위로 출력해보겠다. Math.random() * 100 + 1 Math.random() 메서드를 실행한 값에 100을 곱하면 대략 0.000 ~ 99.999사이의 값이 된다. 따라서 이 계산값에 1을 더해주면 1과 100 사이의 숫자가 출력될 것이다. 정상적으로 출력되는 것을 볼 수 있다. 만약에 무작위로 추출되는 숫자를 정수로만 나타내고 싶다면 Math 객체의 floor() 메서드를 사용해주면 된다. Math.floor(Math...

* Math 객체의 메서드 종류 설명 abs() 절댓값을 반환합니다. acos() 아크 코사인(arc cosine)값을 반환합니다. asin() 아크 사인(arc sine)값을 반환합니다. atan() 아크 탄젠트(arc tangent)값을 반환합니다. atan2() 아크 탄젠트(arc tangent)값을 반환합니다. ceil() 매개변수의 소수점 이하 부분을 올립니다. cos() 코사인(cosine)값을 반환합니다. exp() 지수 함수를 나타냅니다. floor() 매개변수의 소수점 이하 부분을 버립니다. log() 매개변수에 대한 로그(log)값을 반환합니다. max() 매개변수 중 최댓값을 반환합니다. min() 매개변수 중 최솟값을 반환합니다. pow() 매개변수의 지숫값을 반환합니다. rando..

먼저 CSS를 통해 만들고자 하는 프로그램의 뼈대를 구축한다. 책 읽기 일 연속으로 책 읽기를 달성했군요. 축하합니다! 현재 이 코드를 실행시키게 되면 아래와 같은 결과가 나타난다. 이제 여기서 해야할건 '일' 글자 앞에 계산한 일수를 추가하는 것뿐이다. accent 클래스의 ID인 'result'를 document.querySelector를 통해 지정을 해준 후 계산된 일 수인 passedTime을 대입해주면 프로그램은 완성된다.

구분 설명 날짜 및 시간 정보 가져오기 getFullYear() 연도를 4자리 숫자로 표시합니다. getMonth() 0 ~ 11 사이의 숫자로 월을 표시합니다. 0부터 1월이 시작되고 11은 12월입니다. getDate() 1 ~ 31 사이의 숫자로 일을 표시합니다. getDay() 0 ~ 6 사이의 숫자로 요일을 표시합니다. 0부터 일요일이 시작되고 6은 토요일입니다. getTime() 1970년 1월 1일 자정 이후의 시간을 밀리초(1 / 1000초)로 표시합니다. getHours() 0 ~ 23 사이의 숫자로 시를 표시합니다. getMinutes() 0 ~59 사이의 숫자로 분을 표시합니다. getSeconds() 0 ~ 59 사이의 숫자로 초를 표시합니다. getMilliseconds() 0 ~..