JAMONGPROJECT

객체 / 프로퍼티 / 메서드 / 클래스 본문

Frontend/JAVASCRIPT

객체 / 프로퍼티 / 메서드 / 클래스

JAMONGPROJECT 2022. 4. 24. 20:46

* 본 글은 본인의 주관하에 쓴 글이므로 실제 개념과 다를 수 있습니다.

모호한 개념의 이해를 돕기 위해 쓴 글이니 필요한 부분만 참고해주시길 바랍니다.

 

객체(Object)란?

 

어떠한 기능을 수행하기 위한 덩어리.

예를 들어 시간을 알기 위해 만들어진 덩어리가 시계다.

이 시계가 객체라고 할 수 있을 것이다.

 

JAVASCRIPT에서 대표적으로 사용되는 객체로 document가 있을 것이다.

 

이 document를 구조화한 것이 DOM(Document Object Model) 이다.

 

프로퍼티(Property)란?

 

속성이라고도 한다.

객체가 가지고 있는 구성품이다.

위의 시계로 예를 들면 시침, 분침, 초침이라고 할 수 있다.

코드에서는 일반적으로 변수 형태로 존재한다고 생각하면 된다.

 

document 객체와 DOM 개념으로 예로 들자면 document.body 라는 프로퍼티를 사용하여 

document 내의 body 요소 노드를 선택할 수 있다.

 

 

메서드(Method)란?

 

객체가 수행할 수 있는 기능이다.

시계의 기능은 시간을 알려주는 것이다.

 

document 객체를 예로 들자면 document.write() 가 대표적일 것이다.

document 객체 안의 쓰기 기능을 사용하는 것이다.

 

 

클래스(Class)란?

 

특정 객체를 만들기 위한 프레임이다. 

시계를 만드는 공장이라고 할 수 있다.

여기에 적절한 재료 (프로퍼티)를 집어넣으면 

시계(객체)가 만들어진다.

 

 

document 객체의 프로퍼티와 메서드 정리

 

출처  

https://blog.naver.com/hj_kim97/222387417125

'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