웹개발 12 - 객체, 클래스, 메소드

2019. 06. 20 필기

 

프로그래밍 언어를 배울 때 '객체'라는 개념을 이해하는 게 참 어렵다.
다음은 최대한 여기저기서 긁어모아 정리해 본 내용이다.

 

자바스트립트는 브라우저를 객체로 표현하여 프로그램을 작성하는 언어이다.
그러나 객체지향이라기보단, '객체기반 프로그래밍 언어'라고 보는 게 더 적합하다고 한다. 또는 이런 설명도 있다. 자바스크립트는 프로토타입 기반(prototype-based)의 객체 지향 언어이다.

자바스크립트는 Object 클래스를 이용하여 객체를 생성하고 
객체에 프로퍼티 또는 메소드를 추가,변경,삭제하여 사용

Object 클래스 : 프로퍼티와 메소드가 선언되어 있지 않은 클래스

 

객체란, 프로퍼티(Property:값 저장)와 메소드(Method: 기능제공)의 모임이다.
메소드 : 객체가 가지는 함수

자바스크립트는 브라우저를 객체로 표현하여 프로그램 작성하는 객체 관점 프로그램이다.
자바스크립트는 클래스 없이 객체를 생성하여 프로퍼티 또는 메소드 추가, 변경, 삭제 하여 사용

 

프로퍼티에 대한 설명도 각기 다르다. 일단 내가 이해한 가장 쉬운 설명은 이거였다.

프로퍼티 : 객체의 고유한 속성

 

자바스크립트의 객체는 다음 코어객체 / HTML DOM객체 / BOM객체 으로 나뉜다.

 

코어객체

 

BOM객체
BOM(Browser Object Model) 객체는 한 마디로 브라우저에 관련된 객체이다. 즉, 브라우저에 관한 정보를 제공하거나 브라우저의 모양을 제어하도록 제공되는 객체들이다. BOM객체에는 window객체, history객체, screen 객체 등이 포함된다.

 

그 외에도 

자바스크립트에서 window 객체는 오픈되는 브라우저 창이라고 보면 된다.

Object 클래스 : 프로퍼티와 메소드가 하나도 

 

객체 생성방법

<script type="text/javascript">

(1) new 클래스함수([값,...]);   //일반적인 객체 생성법
(2) var abc=new Object();     //프로퍼티와 메소드가 없는 객체
(3) var abc={};              //JSON 표기법으로 객체 생성

</script>

*cf* JSON 표기법 : JavaScript Object Notation 자바스크립트 객체표기법이란 뜻
                         { } 기호를 이용해 Object 객체를 생성하는 표기법

 

 

클래스

자바스크립트는 자바와 달리 클래스 기반 언어가 아니다. 라고 알고있었는데 갑자기 클래스 개념을 배워서 당황했다. 좀 더 검색해보니 최근에 클래스 문법이 추가된 것 뿐, 클래스 기반으로 돌아가는 것과는 차이가 있다고 한다.

자바스크립트에서 클래스는 동일한 요소의 객체들을 쉽게 생성하기 위해 필요하다.(생산성 향상 및 유지보수 효율성)
클래스 함수를 생성하는 방법은 프로퍼티와 메소드를 선언하는 것이다. 그 뒤, new 연산자를 이용하여 클래스 함수로 객체를 생성할 수 있다.



클래스 함수 선언(= 클래스 선언)
=> 매개변수에 값을 전달받아 요소에 저장 : 프로퍼티의 초기값으로 사용
=> 요소를 선언, 사용할 때 this 키워드를 사용한다.

- 프로퍼티 선언 : 요소에 값 저장

- 메소드 선언 : 요소에 함수 저장