자바스크립트(JS) 객체(1)

이번 글에서는 객체에 대해서 알아보겠습니다.

늘 그렇듯이 정의부터 파악을 해야겠죠?
자바스크립트는 객체지향 프로그래밍 언어로서, 객체(Object)를 기반으로 동작합니다. 객체는 여러 개의 속성과 메서드를 포함하는 자료형으로, 현실 세계의 사물이나 개념을 프로그래밍에서 표현하는 데 사용됩니다. 객체는 중괄호({})를 사용하여 정의하며, 속성과 메서드는 키-값 형태로 구성됩니다.

위의 코드에서 person은 객체를 나타내며, name과 age는 객체의 속성(property)으로, greet는 객체의 메서드(method)로 정의되어 있습니다.

• 종류
  
  1. 내장 객체 (Built-in Objects)
  내장 객체는 자바스크립트에서 기본적으로 제공되는 객체들로, 자주 사용되는 기능들을 담고 있습니다. 예를 들어, Array, Math, Date와 같은 객체가 있으며, 이들은 자바스크립트에서 자주 사용되는 기능들을 제공합니다.
  
  2. 문서 객체 모델 (DOM, Document Object Model)
  DOM은 웹 페이지의 요소들을 계층적으로 구조화하여 자바스크립트에서 웹 페이지의 내용을 조작하고 접근할 수 있도록 하는 객체 모델입니다. 웹 페이지의 HTML, CSS 요소들을 자바스크립트에서 조작하고 이벤트를 처리하는 데 사용됩니다.
  
  3. 브라우저 객체 모델 (BOM, Browser Object Model)
  BOM은 웹 브라우저와 상호작용하기 위한 객체 모델입니다. 예를 들어, window, navigator, location과 같은 객체가 있으며, 이들을 통해 브라우저 창 크기, URL 정보 등을 얻거나 조작할 수 있습니다.
  
  4. 사용자 정의 객체 (User-defined Objects)
  사용자 정의 객체는 개발자가 필요에 따라 직접 정의하는 객체들을 의미합니다. 개발자는 객체를 생성하고 원하는 속성과 메서드를 추가하여 자신만의 객체를 만들 수 있습니다. 저희가 사용하던 alert함수도 window.을 입력하면 window라는 객체의 함수인 것을 알 수 있습니다.
  
  • 객체의 속성과 메서드
    
    속성(Property): 객체의 특징이나 상태를 나타내는 변수를 말합니다.
                               호출 시  객체.속성으로 사용합니다.
    
    메서드(Method): 객체가 수행할 수 있는 동작이나 기능을 나타내는 함수를 말합니다.
                                 -> 객체 안에 정의된 함수
                                호출시 객체.메서드로 사용합니다.

속성 : name, age / 메서드 : greet