Younyc찬찬잉

초단위로 시간을 업데이트하는 방법에 대해서 알아보자. clockTitle.innerText = `${hours

https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 자바스크립트에는 많은 이벤트가 있는데 이 이벤트들을 MDN 에서 검색 할 수 있다. online, offline 이벤트 function handleOffline(){ console.log("offline"); } function handleOnline(){ console.log("offline"); } window.addEventListener("offline",ha..

우리는 이제 첫번째 조건문을 실행해보자! if야! if와 else는 많은 프로그래밍 언어에 있고 if()안에 조건문을 추가할 수 있어! else는 조건문이 거짓일때나오는 값을 설정해줄 수 있지. if ( 10 === 5 ){ console.log("hi"); } else { console.log("ho"); } if ( "10" === 10 ){ console.log("hi"); } else { console.log("ho"); } 여기서 ===는 정확하게 참인것을 나타네 조건이 완벽하게 참이 아닐 경우 ho를 출력하게되지 또한 &&는 and연산을 하고 A&&B 중에 AB 전부 참이 아니라면 거짓이되는거야 ||는 or 연산을 하고 a||b 중에 하나라도 참이면 참이되게되 prompt 프롬프트는 자바스크립..

자바스크립트는 HMTL과 CSS 를 바꾸고 싶어서 만들어지지는 않았어, 자바스크립트는 이벤트를 반응하기 위해 만들어 진 언어지! window.addEventListnener("resize",handleResize); function handleResize(){ console.log("I hanve been resized"); } winodw 요소에 화면을 resize 할때마다 handleResize 함수를 실행하는 이벤트를 추가 시켰어 DOM 요소에 이벤트를 추가할 수 있고, 해당 이벤트가 발생하면 콜백함수가 실행되게된다. window.addEventListnener("resize",handleResize); function handleResize(event){ console.log(event); } 이..

또한 title로 할 수있는 것들이 많다. 예를 들어 className, id, innerHTML, innerText등등 많은 것들이 있다. 그 중 style을 사용해보자. const title = document.getSelectById("title"); title.innerHTML = "Hi! From JS"; title.styel.color = "red"; console.dir(document)를 이용해 살펴보면 우리가 갖고있는 모든 텍스트를 보여주고, body, css 등등 모든것을 객체로 보여준다. head에서 작성하는 브라우저의 title을 바꿀 수 도 있다. document.title = 'I own you now'; 이제 querySelector를 이용해보자 querySelector는 노드..

HTML이 자바스크립트하고 함께 쓰려고 하면 어떻게 동작하는지 보여주는 챕터 이미 가지고있는 함수를 보여주고자함. const title = document.getElementById('title'); console.log(title); 자바스크립트는 html 태그를 가져다가 객체로 만들어준다. 우리가 배울 모든 함수들은 DOM로 변경이 가능하다. const title = document.getElementById('title'); title.innerHTML = "Hi! From JS";