-
리팩토링
@import “ ~~~~.css”; style.css <style> @import "clock.css"; @import "painting.css"; @import "title.css"; body { color : white; } </style>
-
(함수) classList
해당 element(태그)에 class를 추가하거나 제거하는등 컨트롤하는 함수. element.classList.@@ @@ 1. add(“classname”) 2. remove( “ ) 3. toggle( “ ) ex) CSS에 셀렉터를 이용하여 디스플레이를 설정해놓고 이벤트가 일어나면 class를 추가하거나 제거하여 디스플레이가 변경되는 결과를 보여줌. index.css .visible { display : block; } .invisible { display : none; } const SHOWING = "visible"; const NOTHING = "invisible"; funct...
-
이벤트 리스너(EventHandler(Listener))
● addEventListener : 이벤트가 발생하면 작동하는 함수 (이벤트리스너 = 이벤트핸들러) → 변수.addEventListener(‘이벤트’, 이벤트핸들러); - 이벤트 : click, resize 등등.. ● removeEventListener : 만들어져있는 이벤트를 제거하는 함수 → 변수.removeEventListener(‘이벤트’, 이벤트핸들러); const v = document.querySelector("#title"); function handClick() { this.style.color = "red" } v.addEventListener("click", handCli...
-
객체(Object)
// 1. 리터럴로 객체 생성하기 let object = { name : "Chris", age : 20, address : function() { return Seoul; } }; // 2. new 연산자로 객체 생성하기 let object = new Object(); // 3. Object.create() 메소드로 생성하기 let object = Object.create({}, { name : { value : 'Chris' }, age : { value : 20 } }); object['weight'] = 5...