Programing Language/Javascript 11

Programing Language/Javascript
[Javascript] getElement*, querySelector*로 요소 접근하기

📚 getElement*, querySelector*로 요소 접근하기 DOM 탐색 프로퍼티를 사용해 목표 요소에 쉽게 접근할 수 있다. 🔖 DOM : Document Object Model로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. 📒document.getElement* 을 통해 요소 검색하기 요소에 id 속성이 있으면 위치에 상관없이 메서드 document.getElement* 을 통해 접근이 가능하다. Element 📒document.querySelector* 을 통해 요소 검색하기 document.querySelector* 주어진 CSS 선택자에 대응하는 요소 중 첫번째 요소를 반환한다. 따라서 모든 요소를 반환하는 것을 원한다면, document.querySelectorAll..

Programing Language/Javascript
[Javascript] undefined, null 의 정의와 차이

📚 Javascript undefined vs null undefined은 변수를 선언하고 값을 할당하지 않은 상태, null은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)이다. 즉, undefined는 자료형이 없는 상태이다. 📒 undefined undefined는 원시값으로, 선언한 후에 값을 할당하지 않은 변수나 값이 주어지지 않은 인수에 자동으로 할당된다. 이 값은 전역 객체의 속성 중 하나로, 전역 스코프에서의 변수이기도 하다. 따라서 undefined 변수의 초기 값은 undefined 원시 값이다. undefined는 예약어가 아니기 때문에, 전역 범위 외에서 변수 이름으로 사용할 수 있다. 그러나 유지보수와 디버깅에 어려움을 겪을 수 있으므로 피하는 것이 좋다. 아래의 경우에 변수가 ..