Java Script 2 Part.1

2,407 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,407
On SlideShare
0
From Embeds
0
Number of Embeds
172
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Java Script 2 Part.1

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

    ×