본문 바로가기

Front-End/JS 메소드

객체(Object)와 메소드(method)

일단 컴퓨터를 예로 든다면
객체는 폴더이다.(document,window~~)
메소드는 폴더 안에 실행파일. (getElementById , addEventListner)

 

객체.메소드.메소드. 함수(){함수내용 }
 
 
이렇게 객체와 메소드는 객체 지향 프로그래밍에서 데이터와 기능을 하나로 묶어 관리하고 사용하는 중요한 요소임.
 

객체 - 데이터와 그 데이터에 관련된 동작을 포함한 개념
자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다
 
{}를 사용해서 정의하고 키,값 쌍의 형태로 속성을 나타냄.
let person = { name: 'John', age: 30 };
이런 코드이면 person이 객체
name, age는 property
데이터 -property(속성)으로 표현되며, 속성은 이름(키)와 같은 값

매소드(method)
코딩에서 "메소드"는 객체 지향 프로그래밍(OOP)에서 사용되는 용어입니다. 메소드는 객체에 속한 함수로, 특정 객체에 대해 수행되는 작업을 정의합니다. 객체는 데이터와 해당 데이터를 조작하는 함수(메소드)의 모음입니다.

 

 
메소드는 특정 객체에 속해 있으며, 그 객체의 속성이나 상태를 변경하거나 객체와 관련된 작업을 수행합니다. 예를 들어, 자동차 객체가 있다면 "주행", "멈춤", "차량 정보 조회"와 같은 동작을 수행하는 메소드가 있을 수 있습니다.
 
자바스크립트에서 객체의 메소드는 해당 객체 내에 정의된 함수를 의미합니다. 객체에 속한 함수로써, 객체 내부의 데이터를 조작하거나 객체와 관련된 특정 작업을 수행합니다.
 
예를 들어, 다음은 자바스크립트에서 객체와 해당 객체의 메소드를 정의하는 방법입니다:

 
 

 

자바스크립트 쓰다 보면 domcument.어쩌구에 대해 알아보겠음.(그냥 이런 게 있다 이정도)
 

 

document-- DOM(Document Object Model)에서 현재 웹 페이지를 나타내는 객체

 

(document.~~)
  1.  
  2. document.title: 현재 문서의 제목을 나타냅니다. 이 값을 읽거나 변경하여 브라우저 탭의 제목을 조작할 수 있습니다.
  3. document.body: 현재 문서의 <body> 요소를 나타냅니다. 이 요소를 통해 페이지의 내용에 접근하고 조작할 수 있습니다.
  4. document.head: 현재 문서의 <head> 요소를 나타냅니다. 주로 페이지의 메타데이터나 스타일 시트에 접근할 때 사용됩니다.
  5. document.URL: 현재 문서의 URL을 나타냅니다.
  6. document.domain: 현재 문서의 도메인을 나타냅니다.
  7. document.documentElement: 현재 문서의 <html> 요소를 나타냅니다. 주로 페이지의 전체적인 속성이나 조작을 위해 사용됩니다.
  8. document.forms: 문서 내의 모든 <form> 요소를 나타내는 컬렉션입니다.
 
이것들은 document 객체의 일부 프로퍼티들이며, 각각 다양한 기능과 정보를 제공합니다.
페이지의 내용을 읽거나 변경하고, 페이지의 정보를 가져오는 데 유용하게 사용될 수 있습니다.
라고 함 ㅇㅇ