Front-end/JavaScript 2

[이론] JS - 문서 객체 모델(DOM)

DOM은 JS언어의 일부가 아니며, JS로 HTML 문서를 조작하기 위한 모델이다. 즉 JS로 HTML을 조작하는데, 이것을 Document Object Model을 통해서 변경한다. HTML은 Node로 가득한 문서이다.(HTML의 요소 하나하나가 Node이며 트리구조다.) DOM 또한 노드들이 트리 구조로 구성되어있다. JS에서 특정 HTML 속성들을 가져오는 방법에는 여러가지가 있는데, document.getElementById document.getElementsByClassName document.getElementsByTagName 이 세가지가 고전적인 방법이며 각각 id, class, tag를 가져오는 방법이다. 이 모든 요소를 가져올 수 있는, 비교적 최근에 나온것이 바로 querySele..

[이론] JS에서 객체란? 두가지 객체 생성 방법(리터럴, 생성자함수)

JS는 객체기반의 프로그래밍 언어이고, 원시값을 뺀 모든것이 객체라 볼 수 있다. 객체는 프로퍼티와 메서드로 구성된 집합체이다. 프로퍼티 : 객체 상태를 나타내는 값(data) 메서드 : 프로퍼티를 참조하고 조작할 수 있는 동작(behavior) 프로퍼티 => 키와 값으로 구성되며, 키 는 빈 문자열을 포함하는 모든 문자열이고, 값 은 JS에서 사용될 수 있는 모든 값이다. var thing = { name = 'red-box' price = 5000 #키 => name, price #값 => 'red-box', 5000 } 프로퍼티를 접흔하는 방법은 두가지가 있으며, 마침표 표기법, 대괄호 표기법 이다. 대괄표 표기법을 사용하는 경우에는 키는 반드시 따옴표로 감싼 문자열이어야한다. console.log..