<!DOCTYPE html>

<html>

<head>

<meta charset = "UTF-8">

<title>OOP in Javascript</title>

</head>

<body>

<div id = "object">

<h3>Object</h3>

<p>

객체란 어떤 목적의 단위로 묶어놓은 묶음<br>

객체들을 더 큰 단위로 묶어놓은것 또한 객체.<br>

자바스크립트에선 {}를 사용해 '이름 : 값' 형식으로 객체를 만듦.<br>

이러한 방식을 JSOM이라 함.<br>

</p>

</div>

<div id = "5-1_OOPBasic.js">

<h3>5-1_OOPBasic.js</h3>

<script type="text/javascript" src = "5-1_OOPBasic.js"></script>

</div>

<div id="OOP">

<p>

클래스 : 문제 해결을 위해 같은 잡단에 속하는 속성과 행위를 정의한것<br>

객체 : 클래스의 인스턴스(실제 메모리상에 할당된 것)<br>

메세지 : 객체를 사용하는 방법, 객체에 내리는 명령<br>

추상화 : 불필요한 정보는 숨기고 필요한 정보만 보여주도록 함<br>

상속 : 상속을 받은 새로운 클래스가 상속을 시켜준 기존 클래스의 자료와 연산을 이용할 수 있도록 함<br>

다중상속 : 두개 이상의 클래스로부터 상속을 받을 수 있음.<br>

다형성 : 한 요소에 여러기능을 넣는것으로 오버라이딩과 오버로딩이 있다.<br>

동적바인딩 : 실행중에 일어나거나 변경될 수 있는 바인딩.<br>

</p>

</div>

<div id = "5-2_Function.js">

<h3>5-2_Function.js</h3>

<script type="text/javascript" src = "5-2_Function.js"></script>

</div>

</body>

</html>


5-0_OOPinJavascript.html


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07

+ Recent posts