728x90 반응형 JavaScript10 [JS] 자바스크립트에서 변수 안에 함수 넣기 / eventListener 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 const colors = ["#1abc9c", "#3498db", "#9b59b6", "#f39c12", "#e74c3c"]; // const hello = document.querySelector("h2"); const superEventHandler = { mouseEnter: function () { hello.innerText = "The mouse is here!"; hello.style.color = colors[0]; }, mouseLeave: function () { hello.innerText = "The mouse is gone"; hello.style.color.. 2022. 7. 7. [JS기초] this/상속 보호되어 있는 글 입니다. 2022. 3. 26. [JS] 웹 사이트에 시계 넣어보기 /cannot set properties of null 해결방법 cannot set properties of null 해결방법부터 설명하자면 querySelector해서 클래스나 id선택자를 받아올때 예를 들어 이런식이라면 document.querySelector("h2#clock") 으로 해줘야 한다. 즉 상위 태그와 선택자 사이에 공백이 없어야 한다! Interval '매번' 일어나야 하는 무언가를 말한다. '매 2초마다 일어남 ' -> Interval JS에는 당연히 내장된 API가 있는데 바로 setInterval()이다. setInterval(호출시킬 함수, 밀리세컨드) *)5000ms -> 5초 여기서도 중요한건 js가 n초 후 함수를 누르게 해야하므로 호출시킬 함수에 괄호는 써주면 안된다! Time Outs 얘는 딜레이 시켜줄 때 사용하는데 setTime.. 2022. 3. 25. [JS기초] 생성자와 new ,전역객체 자바스크립트는 prototype - based - programming이다. 생성자와 new this에는 Person이 들어가게 된다. 이걸 좀 더 예쁘게 프로퍼티와 메서드를 함께 정의해볼거다. 생성자는 객체를 만드는 역할을 하는데 자바스크립트에서 함수는 재사용 가능한 로직의 묶음이 아닌 생성자의 역할도 한다! new Person()에서 Person()은 함수가 아닌 생성자이다! 이건 객체의 생성자이다. p에는 비어있는 객체가 만들어지게 된다. 자바에서 생성자는 클래스에 있는데 자바스크립트는 함수일뿐이다. 어디에 소속된게 아니다. 이 함수에 new를 붙이면 객체가 만들어진다. 만약에 name이 'kim'인 사람이 더 들어온다면 정보가 중복된다. 객체를 각각 생성해서 p와 p1에 넣어주면 중복해서 쓸 필요.. 2022. 3. 22. 이전 1 2 3 다음 728x90 반응형
