본문 바로가기

스터디/HTML, CSS, JS

(2)
[JS] 변수 & 호이스팅 [Var] var 변수는 함수 외부에서 선언될 때의 범위는 전역이다. 함수 블록 외부에서 var를 사용하여 선언된 모든 변수를 전체 윈도 상에서 사용할 수 있다. var가 함수 내에서 선언될 때는 함수 범위로 지정된다. 즉 해당 함수 내에서만 사용하고 접근될 수 있다. var변수는 중복 선언이 가능하고 값이 업데이트가 발생할 수 있다. - 중복 선언이 되면서 본인도 모르게 변수의 값이 재정의가 될 수 있다. -> 오류의 원인이 될 수 있다. [let] let은 선언한 블록 내에서만 사용이 가능하다. 선언된 범위 내에서는 미리 선언된 let 변수는 다시 선언할 수 없다.(중복 불가) let a = 10; console.log(a); a = 40; console.log(a); 하지만 다른 범위 내에서 미리 ..
[JS]이벤트 등록하는 방법 2가지 1. HTML에서 이벤트 등록 자바스크립트 위 텍스트를 클릭해 보세요 2. JS에서 onclick속성으로 마지막으로 등록된 이벤트만 사용 const text = document.querySelector("#text"); text.onclick = function() { text.style.color = "beige"; // onclick을 이벤트로 등록하면 모든 브라우저에서는 사용이 가능하지만 // 여러 개는 사용이 불가하고 마지막으로 동록된 이벤트만 사용된다. //alert("hi"); // p태그에서는 색이 바뀌지 않음 } 3. addEventListener를 이용하여 여러개 사용 const heading = document.querySelector("#heading"); heading.addEven..