DOM Method vs Js Method

1. DOM Method란?

• DOM 메소드는 웹 페이지의 구조를 표현하는 Document Object Model(DOM)에 속하는 메소드이다.
• DOM 메소드들은 웹 브라우저에서 제공하는 API로, 웹 페이지의 요소들을 조작하고 접근할 수 있도록 도와준다.
• DOM 메소드는 document 객체를 통해 접근하며, 웹 브라우저의 환경에서만 사용할 수 있다.

👌For example

const element = document.getElementById("my-element");
const firstDiv = document.querySelector("div");
const parentElement = document.getElementById("parent");
parentElement.appendChild(element);

위 코드들에서 getElementById, querySelector, appendChild 와 같은 친구들은 DOM 메소드에 해당한다.

2. Javascript Method란?

• 자바스크립트의 메소드는 자바스크립트 언어 자체에 내장되어 있는 함수다.
• 자바스크립트의 메소드들은 자바스크립트 언어를 이용해 어떠한 환경에서든 사용할 수 있다.

👌For example

const num = parseInt("42");
const str = num.
toString();
const array = [1, 2, 3];
array.push(4);
const poppedValue = array.pop();

위 코드들에서 parseInt toString push pop 와 같은 친구들은 자바스크립트의 메소드에 해당한다.

요약하면, DOM 메소드는 웹 브라우저의 DOM API를 통해 웹 페이지의 요소들을 조작하고 접근하는데 사용되는 메소드입니다. 자바스크립트의 메소드는 자바스크립트 언어 자체에 내장되어 있어서 자바스크립트 언어를 사용하는 어떠한 환경에서도 사용 가능한 일반적인 함수이다.

+++ 메소드 축약형

1. 기본

 const ogj = {
    method: function(){
      // 메소드 본문
    },
  };

2. 축약형

 const ogj = {
    method(){
      // 메소드 본문
    },
  };