용어 정리

객체(Object)

자바스크립트의 객체는 키와 값으로 구성된 프로퍼티의 집합이다.
사용자, 주문 같은 실제 존재하는 개체(entity)를 표현하고자 할 때 생성된다.

let user = {
  name: "Kang",
  age: 23
};

 

프로퍼티(Property)

프로퍼티(property)는 프로퍼티 키(이름)와 프로퍼티 값으로 구성된다. 기본적으로 어떤 값을 나타내는데, 이 값이 다른 값과 연관되어 있을 때 property라고 한다.
JS에서는 객체 내부의 속성을 의미한다.

그럼 위의 코드에서 user의 name과 age가 프로퍼티이다!

메소드(Method)

프로퍼티 안에 함수를 받는 프로퍼티를 일반적으로 메소드라고 한다.
객체 안에서 속해있으니까 프로퍼티아니냐!라고 할 수 있지만 약간 다르다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라고 부르는 것이다.

user.SayHello = function() {
  console.log(this.name + "님 환영합니다!")
}

 

DOM

DOM은 Document Object Model의 약자이다. 직역하면 문서 객체 모델인데, XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스라고 한다.
간단하게 말해 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다.