JS - 자바스크립트 시간출력

1. HTML 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Something 00:00 Colored by Color Scripter cs 2. JS부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 const clockContainer = document.querySelector(".js-clock"); const clockTitle = clockContainer.querySelector("h1"); function getTime() { const date = new Date(); const minutes = date.getMinutes(); const hours = date.getHours(); const seconds = date.ge..

• format_list_bulleted JavaScript
• · 2021. 4. 4.
• textsms

JS : JavaScript DOM 객체란?

이전 포스팅에서 자바스크립트는 객체체기반의 스크립트 언어라고 했었고 자바와 달리 메소드, 리스트 등 모두 객체로 취급한다고 했었다. 여기서 자바스크립트에서 말하는 객체를 다시 한번 정리하자면 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 그리고 프로퍼티가 함수(메소드)가 될 수도 있는 것이다. 프로퍼티 값이 함수(Function)일 경우, 일반 함수와 구분하기 위해 메소드(Method)라 부른다고 하는데 정확한지는 모르겠다. 어쨌든 즉, 메소드는 객체에 제한되어 있는 함수를 의미한다. 간단하게 생각하면 자바스크립트의 객체안에는 Property와Method 2가지가 있다고 생각하면 된다. 그럼 여기서 HTML과 자바스크립트 객체의 관계에 대해서 재밌..

• format_list_bulleted JavaScript
• · 2021. 4. 3.
• textsms

JS - 자바스크립트의 데이터 타입

자바스크립트 데이터 타입도 다른언어와 유사하다. 아래코드를 참조해서 하나씩 계속 바꿔가면서 실행해보면 데이터타입에 대해서 감이온다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 //let, var, const let a = 100; let b = a - 5; console.log(b); var c = 100; var d = c - 4; console.log(d); const e = 94; console.log(e); e = 90; console(e); ..

• format_list_bulleted JavaScript
• · 2021. 4. 3.
• textsms