JAMONGPROJECT
객체 / 프로퍼티 / 메서드 / 클래스 본문
* 본 글은 본인의 주관하에 쓴 글이므로 실제 개념과 다를 수 있습니다.
모호한 개념의 이해를 돕기 위해 쓴 글이니 필요한 부분만 참고해주시길 바랍니다.
객체(Object)란?
어떠한 기능을 수행하기 위한 덩어리.
예를 들어 시간을 알기 위해 만들어진 덩어리가 시계다.
이 시계가 객체라고 할 수 있을 것이다.
JAVASCRIPT에서 대표적으로 사용되는 객체로 document가 있을 것이다.
이 document를 구조화한 것이 DOM(Document Object Model) 이다.
프로퍼티(Property)란?
속성이라고도 한다.
객체가 가지고 있는 구성품이다.
위의 시계로 예를 들면 시침, 분침, 초침이라고 할 수 있다.
코드에서는 일반적으로 변수 형태로 존재한다고 생각하면 된다.
document 객체와 DOM 개념으로 예로 들자면 document.body 라는 프로퍼티를 사용하여
document 내의 body 요소 노드를 선택할 수 있다.
메서드(Method)란?
객체가 수행할 수 있는 기능이다.
시계의 기능은 시간을 알려주는 것이다.
document 객체를 예로 들자면 document.write() 가 대표적일 것이다.
document 객체 안의 쓰기 기능을 사용하는 것이다.
클래스(Class)란?
특정 객체를 만들기 위한 프레임이다.
시계를 만드는 공장이라고 할 수 있다.
여기에 적절한 재료 (프로퍼티)를 집어넣으면
시계(객체)가 만들어진다.
document 객체의 프로퍼티와 메서드 정리
출처
'Frontend > JAVASCRIPT' 카테고리의 다른 글
Falsy / Truthy (0) | 2022.05.06 |
---|---|
삼항 조건 연산자(conditional ternary operator) (aka. if문 축약) (0) | 2022.05.06 |
IndexedDB (0) | 2022.04.27 |
동기 / 비동기 (0) | 2022.04.26 |
API / 라이브러리 / 프레임워크 (0) | 2022.04.24 |
Comments