<!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

//eval()

//Ajax : 일반적으로 자바스크립트를 통해 서버에서 데이터를 받아오고 그 데이터를 조작하는 일련의 프로그래밍

//Ajax 프로그래밍에서 한번에 여러가지 변수를 받아올때 문제가 생길 수 있음

//eval()은 다음과 같은 작업을 수행한다.

//1. 제공된 인수 문자열이 자바스크립트로서 유효한가를 검증한다.

//2. 자바스크립트 코드로 해석하기 위하여 파싱한다.

//3. eval() 기능 함수는 파싱된 내용에서 자바스크립트 문장 코드를 발견하면 수행한다.

//4. 수행에 따른 결과값이 있으면 그 값을 반환한다.


eval('number1 = 1234; number2 = 5678; document.write("덧셈계산 = " + (number1 + number2) + "<br>") ');

eval('number1 = 1234; number2 = 5678; document.write("문자열 결합 = " + number1 + number2 + "<br>") ');


//isNaN()

//is Not a Number

//숫자가 아니면 ture를, 숫자라면 false를 반환한다

//isFinite()

//유효한 수치면 ture를, 유효하지 않은수치면 false를 반환한다

document.write("isNaN('123.4567') : " + isNaN('123.4567') + "<br>");

document.write("isFinite('123.4567') : " + isFinite('123.4567') + "<br>");

document.write("isNaN('123,000') : " + isNaN('123,000') + "<br>");

document.write("isFinite('123,000') : " + isFinite('123,000') + "<br>");


3-5_evalFunc.js


반응형

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

[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07

document.write("parseFloat<br>");

document.write("parseFloat(123) : " + parseFloat("123") + "<br>");

document.write("parseFloat(123.12.34) : " + parseFloat("123.12.34") + "<br>");

document.write("parseFloat(123.12 34 45 67) : " + parseFloat("123.12 34 45 67") + "<br>");

document.write("parseFloat(123.12은123.12) : " + parseFloat("123.12은123.12") + "<br>");

document.write("parseFloat(오늘은25일) : " + parseFloat("오늘은25일") + "<br>");


3-4_TypeCastFunc.js


반응형

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

[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07
[JavaScript] 3-1_PrintTime.js  (0) 2016.12.07

//escape()

//기본적인 알파벳과 숫자외의 특수문자나 공백등이 ASCII코드 16진수 표기 기준에 맞춰 대체됨

//단 escape()는 URI를 인코딩하는데에는 사용할 수 없음.

//이경우엔 encodURI()를 사용할것

document.write("Origin string : aA1 *<br>");

document.write("Using escape() : " + escape("aA1 *") + "<br>");

document.write("Using unescape() : " + unescape("aA1%20*" ));



반응형

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

[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07
[JavaScript] 3-1_PrintTime.js  (0) 2016.12.07
[JavaScript] 3-0_Variables and Functions  (0) 2016.12.07

var weekStr = '일월화수목금토';

dayGap = 2000;


now = new Date();

newDay = new Date();

newDay.setDate(now.getDate() + dayGap);

newYear = newDay.getFullYear();

newMon = newDay.getMonth() +1;

newDate = newDay.getDate();

newWeekDay = weekStr.substr(newDay.getDay(),1);


document.write(now + ' + ' + dayGap + '일 = ');

document.write(newWeekDay + '요일 ' + newMon + '월 ' + newDate + '일 ' + newYear + '년');

document.write('<br>' + newDay);


3-2_CalDate.js


반응형

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

[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
[JavaScript] 3-1_PrintTime.js  (0) 2016.12.07
[JavaScript] 3-0_Variables and Functions  (0) 2016.12.07

var weekstr = '일월화수목금토';


var now = new Date();

document.write(now + '<br>');

//getYear()을 하면 왜 116?

year = now.getYear();

year = now.getFullYear();

//getMonoth()를 통해 가져온 월은 Zero-base

month = now.getMonth();

++month;

date = now.getDate();

hour = now.getHours();

min = now.getMinutes();

sec = now.getSeconds();

mils = now.getMilliseconds();

weekDays = now.getDay();


document.write(year + '년 ' + month + '월 ' + date + '일 ' + weekstr.substr(weekDays,1) + '요일');

document.write('<br>');

document.write(hour + '시 ' + min + '분 ' + sec + '.' + mils + '초');


3-1_PrintTime.js


반응형

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

[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
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07
[JavaScript] 3-0_Variables and Functions  (0) 2016.12.07

<!DOCTYPE html>

<html>

<head>

<meta charset = "UTF-8">

<title>Javascript Variables and Functions</title>

</head>

<body>

<div id = "3-1">

<h3>3-1_PrintTIme.js</h3>

<script type = "text/javascript" src = "3-1_PrintTime.js"></script>

</div>

<div id = "3-2">

<h3>3-2_CalDates.js</h3>

<script type = "text/javascript" src = "3-2_CalDate.js"></script>

</div>

<div id = "3-3">

<h3>3-3_escapeFunc.js</h3>

<script type = "text/javascript" src = "3-3_escapeFunc.js"></script>

</div>

<div id = "3-4">

<h3>3-4_TypeCastFunc.js</h3>

<script type="text/javascript" src = "3-4_TypeCastFunc.js"></script>

</div>

<div id = "3-5">

<h3>3-5_evalFunc.js</h3>

<script type = "text/javascript" src = "3-5_evalFunc.js"></script>

</div>

<body>

</html>

3-0_Variables and Functions.html


반응형

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

[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
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07
[JavaScript] 3-1_PrintTime.js  (0) 2016.12.07

+ Recent posts

티스토리툴바