객체

객체 : 자료를 저장하고 처리하는 기본 단위이고, 하나의 변수에 다양한 정보를 담기 위해 사용하는 자료형이다.

 

문서객체 모델(DOM) : 객체를 사용해 웹 문서를 관리하는 방식을 문서 객체 모델이라고 한다.

 

브라우저 객체 모델(BOM) : 웹 브라우저의 주소 표시줄이나 창 크기 등 웹 브라우저 정보를 객체로 다루는 것.

 

※ DOM과 BOM은 내장 객체에 포함된다.

 

메서드 : 객체 안에 정의된 함수.

 

Window 객체 : 모든 객체를 품고 있는 최상위 객체이므로 window와 마침표를 빼고 사용해도 된다.

ex) alert("window 객체의 alert 함수");

     open(); // 새 브라우저 창(새 탭)을 여는 함수이다.

 

 

Image 객체 : 웹 이미지를 만들기 위한 기본 틀. 이런 틀을 '프로토타입'이라고 한다. 

                 프로토타입을 사용해 만들어낸 객체를 '인스턴스' 라고 한다. (인스턴스를 '개별 객체'라고 부르기도 함)

 

새 객체를 만들 때는 new 예약어를 사용한다.

Date 객체의 인스턴스를 만들고, now 변수에 저장했다.

※ Date 객체에는 현재 날짜와 시간 정보를 로컬 형식으로  바꿔주는 toLocalString() 함수가 있다.

---

리터럴 표기법으로 장난감 정보 객체 만들기

 

 

showStock()함수를 정의할 때 객체 속성 값을 이용하려면 this 예약어와 함께 입력해준다.

여기서 this는 현재 객체인 toyRobot 객체를 가리킨다.

 

---

이번에는 Book 객체를 만들어 보겠다.

 

function Book(author, pages, price, title){
  this.author = author;
  this.pages = pages;
  this.price = price;
  this.title = title;
}

const jsBook = new Book("홍길동",300,20000,"자바스크립트");

console.log(jsBook.title);

Book 객체를 만든 후에  jsBook같은 인스턴스를 만들 수가 있다.

여기서 인스턴스란 비슷한 성질을 가진 여러 객체를 만들기 위해서 생성자 함수, constructor를 만들어

찍어내듯이 사용하는데 이렇게 생성된 객체를 말한다.

 

※ 객체 이름은 첫 글자를 대문자로 시작하는 것이 일반적이다.

 

---

특정 날짜를 저장한 Date 객체를 만들고 싶다면 Date 다음의 괄호 안에 날짜 정보를 입력한다.

 

시간 정보까지 함께 지정하려면 날짜 다음에 대문자 T를 추가한 후 시간을 입력한다.

ex) T18:00:00

 

Date 객체의 주요 함수 명칭을 보면 get은 '가져오다' set은 '두다. 설정하다.' 라는 의미이다.

 

getMonth() 함수와 getDay() 함수를 사용했을 때 결괏값이 0부터 시작되므로, getMonth()함 결괏값에 1을 더 해야 실제 '월'에 해당하는 숫자를 얻을 수 있다. 

ex) now.getMonth() + 1

 

날짜 정보만 가져온다면 getDate()함수를 사용한다.

 

var now = new Date()

now 객체에서 요일 정보를 가져오겠다면 getDay()를 사용.

 

getTime()은 now 객체의 시간 정보를 표시하는데, console창에서 확인해보면 긴 숫자열로 시간정보가 표시된다.

 

시간이 얼마나 흐른건지 밀리초로 나타낸것이다. 시간의 흐름을 계산할 때 편리하다.

 

오늘 날짜로부터 35일이 지난 후의 날짜를 계산하는 방법을 보자.

 

 

 

 

 

 

 

 

 

 

 

※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다.