Embed Size (px)
DESCRIPTION
Citation preview
Java Script 2.0
idsTrustVicki
23年 4月 10日 1
SYLLABUS
차수 주제 구성내용 시간 방법 강의날짜
1 일차 Java Script 의 이해
Java Script 설명 20 분 이론
03 월 18 일
Java Script 에 대한 오해 30 분 이론
Java Script Overview 20 분 이론
Q&A 20 분 토의
2 일차 Java Script IDE
Aptana Studio Description 20 분 이론
03 월 19 일
Aptana Studio Setting 40 분 실습
Aptana Studio Overview 20 분 실습
Q&A 20 분 토의
23年 4月 10日 2
SYLLABUS (cont.)
차수 주제 구성내용 시간 방법 강의날짜
3 일차 Java Script Library (1)
prototype.js 의 이해 20 분 이론
03 월 20 일
prototype.js 실습 30 분 실습
script.acluo.us 의 이해 20 분 이론
script.acluo.us 실습 30 분 실습
Q&A 20 분 토의
4 일차 Java Script Library (2)
Yahoo UI 의 이해 30 분 이론
03 월 25 일Yahoo UI 의 이해 70 분 실습
Q&A 20 분 토의
5 일차 Server Side Scripting
Jaxer 의 이해 40 분 이론
03 월 27 일Jaxer 실습 40 분 실습
Q&A 20 분 토의
23年 4月 10日 3
목차• Java Script 의 역사• ECMA Script• 기존의 Java Script 용도• Java Script 에 대한 오해• Java Script 특징• 다음시간 안내• 참고자료
23年 4月 10日 4
Java Script 의 역사• prototype 개념에 바탕한 객체 기반의
스크립트 프로그래밍 언어 .• 1995 년 12 월 Netscape 2.0 의 출시와
함께 지원 .• Java Script 성공으로 인해 1996 년 8 월
MS 사의 IE 3.0 버전에 포함된 JScript 를 지원 .
• 1996 년 11 월 부터 Netscape 의 표준화 정책에 의해 ECMA-262 의 이름으로 자바스크립트 기술 규격에 대한 작업을 시작 .
• 1997 년 6 월 ECMA-262 초판 채택 .23年 4月 10日 5
ECMA Script
• ECMA-262 에 의해 표준화된 언어의 이름 .
• Java Script 와 Jscript 는 ECMA Script 와의 호환을 목표로 하며 , 그 외 확장기능을 제공 .
23年 4月 10日 6
ECMA Script (cont.)
23年 4月 10日 7
( 표 1) ECMA-262 종류 (ECMA 스크립트 위키디피아 )
ECMA Script (cont.)
23年 4月 10日 8
( 표 2) ECMA, Java Script, Jscript 버전 간 대응 (ECMA 스크립트 위키디피아 )
이전 프로젝트의 Java Script
• HTML 에서 client 단 validation.• 간단한 이벤트 처리 (onclick,
onchange...)• 별도의 js 파일의 라이브러리를
사용하기도 했으나 라이브러리의 내부 로직에 대한 관심은 없었음 .
• 버전관리가 힘들고 마땅한 IDE 가 지원되지 않아 무시당하고 천대받음 .
23年 4月 10日 9
Java Script 의 반격• Web 2.0 이라는 이름으로 RIA 의 관심이
증폭 .• 가장 쉽게 제작할 수 있는 RIA – Java
Script 를 통해 구현 .• DHTML 과 AJAX 기술을 이용하여 UI
를 제작하기 시작 .• prototype.js, script.aculo.us 등과 같은
라이브러리의 발전 .• Google, Yahoo 와 같은 대형 포털의 지
원 .23年 4月 10日 10
Java Script 에 대한 오해• ( 퀴즈 ) 다음 중 자바스크립트와 가장
유사한 언어는 무엇일까 ?– C / C++– Java– Scheme or Self
23年 4月 10日 11
Java Script 는 함수형 프로그래밍과 프로토타입 기반 프로그래밍을 지원하는 언어 . 최초 Netscape 에서 LiveScript 라는 이름으로 불리었다가 출시 직전에 마케팅 전략에 의해 Java Script 라는 이름으로 변경 .Scheme ( 함수형 ), Self ( 프로토타입 기반 )
Java Script 특징• Object’s properties
23年 4月 10日 12
<Listing. 1> Object 의 properties 사용 예
<Listing. 2.2> 기존 객체에 prototype 을 이용하여 함수를 추가
Java Script 특징 (cont.)
• prototype–해당 날짜의 요일을 한글로 받고 싶은 경우
23年 4月 10日 13
<Listing. 2.1> 일반적인 함수선언과 사용 예
Java Script 특징 (cont.)• Java-styled Java Script
23年 4月 10日 14
<Listing. 3.1> 일반적인 Java beans <Listing. 3.2> Java beans 형식으로 만든 Java Script Class
Java Script 특징 (cont.)
23年 4月 10日 15
• ( 퀴즈 ) 맥스봉 2ea
다음시간 안내• Java Script IDE Aptana Studio• 설치 및 예제 따라하기• 준비물–조별 노트북 1 대– http://www.aptana.com/download 에서
aptana Studio download.
23年 4月 10日 16
참고 자료• 자바스크립트 위키디피아 (http://ko.w ikipedia.org/w iki/자바스크립트 )• ECMA 스크립트 위키디피아 (http://ko.w ikipedia.org/w iki/ECMA
스크립트 )• 문서 객체 모델 위키디피아 (http://ko.wikipedia.org/wiki/DOM)• 스크립트 언어의 올바른 이해 자바스크립트의 재해석 (
http://www.imaso.co.kr/?doc=bbs/gnuboard.php&bo_table=article&wr_id=30399)
• java script logging 예제 동영상 (http://jania.pe.kr/jslogging.html)
23年 4月 10日 17
