SlideShare a Scribd company logo
Java Script 2.0 idsTrust Vicki 06/02/09
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 분 토의
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 분 토의
목차 Java Script  의 역사 ECMA Script 기존의  Java Script  용도 Java Script  에 대한 오해 Java Script  특징 다음시간 안내 참고자료 06/02/09
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  초판 채택 . 06/02/09
ECMA Script ECMA-262  에 의해 표준화된 언어의 이름 . Java Script  와  Jscript  는  ECMA Script  와의 호환을 목표로 하며 ,  그 외 확장기능을 제공 . 06/02/09
ECMA Script (cont.) 06/02/09 ( 표  1) ECMA-262  종류  (ECMA 스크립트 위키디피아 )
ECMA Script (cont.) 06/02/09 ( 표  2) ECMA, Java Script, Jscript  버전 간 대응  (ECMA 스크립트 위키디피아 )
이전 프로젝트의  Java Script HTML  에서  client  단  validation. 간단한 이벤트 처리  (onclick, onchange...) 별도의  js  파일의 라이브러리를 사용하기도 했으나 라이브러리의 내부 로직에 대한 관심은 없었음 . 버전관리가 힘들고 마땅한  IDE  가 지원되지 않아 무시당하고 천대받음 . 06/02/09
Java Script  의 반격 Web 2.0  이라는 이름으로  RIA 의 관심이 증폭 . 가장 쉽게 제작할 수 있는  RIA – Java Script  를 통해 구현 . DHTML  과  AJAX  기술을 이용하여  UI  를 제작하기 시작 . prototype.js, script.aculo.us  등과 같은 라이브러리의 발전 . Google, Yahoo  와 같은 대형 포털의 지원 . 06/02/09
Java Script  에 대한 오해 ( 퀴즈 )  다음 중 자바스크립트와 가장 유사한 언어는 무엇일까 ? C / C++ Java Scheme or Self 06/02/09 Java Script  는 함수형 프로그래밍과 프로토타입 기반 프로그래밍을 지원하는 언어 .  최초  Netscape  에서  LiveScript  라는 이름으로 불리었다가 출시 직전에 마케팅 전략에 의해  Java Script  라는 이름으로 변경 . Scheme ( 함수형 ), Self ( 프로토타입 기반 )
Java Script  특징 Object’s properties 06/02/09 <Listing. 1> Object 의  properties  사용 예
Java Script  특징  (cont.) prototype 해당 날짜의 요일을 한글로 받고 싶은 경우 <Listing. 2.2>  기존 객체에  prototype  을 이용하여 함수를 추가 06/02/09 <Listing. 2.1>  일반적인 함수선언과 사용 예
Java Script  특징  (cont.) Java-styled Java Script 06/02/09 <Listing. 3.1>  일반적인  Java beans <Listing. 3.2> Java beans  형식으로 만든  Java Script Class
Java Script  특징  (cont.) ( 퀴즈 )  맥스봉  2ea 06/02/09
다음시간 안내 Java Script IDE Aptana Studio 설치 및 예제 따라하기 준비물 조별 노트북  1 대 http://www.aptana.com/download   에서  aptana Studio download. 06/02/09
참고 자료 자바스크립트 위키디피아  ( http://ko.wikipedia.org/wiki/ 자바스크립트 ) ECMA 스크립트 위키디피아  ( http://ko.wikipedia.org/wiki/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 ) 06/02/09
Ad

Recommended

[ES6] 1. let과 const
[ES6] 1. let과 const
Han JaeYeab
 
5.ref 101
5.ref 101
Daniel Lim
 
2017년 javascript의 현재주소
2017년 javascript의 현재주소
윤학 권
 
Angular 살짝 해보고 발표.
Angular 살짝 해보고 발표.
ChangHyeon Bae
 
Tcpl 12장 파생클래스
Tcpl 12장 파생클래스
재정 이
 
DPDK
DPDK
ymtech
 
C수업자료
C수업자료
koominsu
 
[C언어] 반복문_for문
[C언어] 반복문_for문
jusingame
 
ONOS (Open Network Operating System) Blackbird Release 분석
ONOS (Open Network Operating System) Blackbird Release 분석
rootfs32
 
ONF Atrium 분석
ONF Atrium 분석
jungbh
 
NAIM Networks SDN/NFV Training
NAIM Networks SDN/NFV Training
NAIM Networks, Inc.
 
DPDK (Data Plane Development Kit)
DPDK (Data Plane Development Kit)
ymtech
 
리눅스 스터디 1회차
리눅스 스터디 1회차
준혁 이
 
오픈스택 커뮤니티 하반기 스터디: 안내
오픈스택 커뮤니티 하반기 스터디: 안내
Ian Choi
 
OpenDaylight 소개
OpenDaylight 소개
Seung-Hoon Baek
 
[OpenStack Day in Korea] Introduction to open stack
[OpenStack Day in Korea] Introduction to open stack
Nalee Jang
 
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Jaesuk Ahn
 
오픈스택! 이틀이면할수있다! 시즌2
오픈스택! 이틀이면할수있다! 시즌2
Nalee Jang
 
NFV VNF Architecture
NFV VNF Architecture
jungbh
 
Open stack summit_barcelona_보고서
Open stack summit_barcelona_보고서
Yongyoon Shin
 
코딩하라!
코딩하라!
wehome.me, a home sharing on blockchain owned by hosts and guests
 
NFV Management and Orchestration 분석
NFV Management and Orchestration 분석
rootfs32
 
오픈스택: 구석구석 파헤쳐보기
오픈스택: 구석구석 파헤쳐보기
Jaehwa Park
 
2017 tensor flow dev summit
2017 tensor flow dev summit
Tae Young Lee
 
오픈스택 커뮤니티 소개 및 기술 동향
오픈스택 커뮤니티 소개 및 기술 동향
Nalee Jang
 
4-1. javascript
4-1. javascript
JinKyoungHeo
 
Java script PPT #1 : 개요.
Java script PPT #1 : 개요.
Hong Jin Baek
 
자바스크립트의 변천사
자바스크립트의 변천사
Hun Yong Song
 
언어의 변천사를 통해 바라본 Python
언어의 변천사를 통해 바라본 Python
Tae Young Lee
 
엄준일 04일차 HTML/Javascript 교육
엄준일 04일차 HTML/Javascript 교육
준일 엄
 

More Related Content

Viewers also liked (17)

ONOS (Open Network Operating System) Blackbird Release 분석
ONOS (Open Network Operating System) Blackbird Release 분석
rootfs32
 
ONF Atrium 분석
ONF Atrium 분석
jungbh
 
NAIM Networks SDN/NFV Training
NAIM Networks SDN/NFV Training
NAIM Networks, Inc.
 
DPDK (Data Plane Development Kit)
DPDK (Data Plane Development Kit)
ymtech
 
리눅스 스터디 1회차
리눅스 스터디 1회차
준혁 이
 
오픈스택 커뮤니티 하반기 스터디: 안내
오픈스택 커뮤니티 하반기 스터디: 안내
Ian Choi
 
OpenDaylight 소개
OpenDaylight 소개
Seung-Hoon Baek
 
[OpenStack Day in Korea] Introduction to open stack
[OpenStack Day in Korea] Introduction to open stack
Nalee Jang
 
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Jaesuk Ahn
 
오픈스택! 이틀이면할수있다! 시즌2
오픈스택! 이틀이면할수있다! 시즌2
Nalee Jang
 
NFV VNF Architecture
NFV VNF Architecture
jungbh
 
Open stack summit_barcelona_보고서
Open stack summit_barcelona_보고서
Yongyoon Shin
 
코딩하라!
코딩하라!
wehome.me, a home sharing on blockchain owned by hosts and guests
 
NFV Management and Orchestration 분석
NFV Management and Orchestration 분석
rootfs32
 
오픈스택: 구석구석 파헤쳐보기
오픈스택: 구석구석 파헤쳐보기
Jaehwa Park
 
2017 tensor flow dev summit
2017 tensor flow dev summit
Tae Young Lee
 
오픈스택 커뮤니티 소개 및 기술 동향
오픈스택 커뮤니티 소개 및 기술 동향
Nalee Jang
 
ONOS (Open Network Operating System) Blackbird Release 분석
ONOS (Open Network Operating System) Blackbird Release 분석
rootfs32
 
ONF Atrium 분석
ONF Atrium 분석
jungbh
 
DPDK (Data Plane Development Kit)
DPDK (Data Plane Development Kit)
ymtech
 
리눅스 스터디 1회차
리눅스 스터디 1회차
준혁 이
 
오픈스택 커뮤니티 하반기 스터디: 안내
오픈스택 커뮤니티 하반기 스터디: 안내
Ian Choi
 
[OpenStack Day in Korea] Introduction to open stack
[OpenStack Day in Korea] Introduction to open stack
Nalee Jang
 
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Monitoring System Targeting OpenStack, Baremetal, and Network Fabric
Jaesuk Ahn
 
오픈스택! 이틀이면할수있다! 시즌2
오픈스택! 이틀이면할수있다! 시즌2
Nalee Jang
 
NFV VNF Architecture
NFV VNF Architecture
jungbh
 
Open stack summit_barcelona_보고서
Open stack summit_barcelona_보고서
Yongyoon Shin
 
NFV Management and Orchestration 분석
NFV Management and Orchestration 분석
rootfs32
 
오픈스택: 구석구석 파헤쳐보기
오픈스택: 구석구석 파헤쳐보기
Jaehwa Park
 
2017 tensor flow dev summit
2017 tensor flow dev summit
Tae Young Lee
 
오픈스택 커뮤니티 소개 및 기술 동향
오픈스택 커뮤니티 소개 및 기술 동향
Nalee Jang
 

Similar to Java Script 2 Part.1 (20)

4-1. javascript
4-1. javascript
JinKyoungHeo
 
Java script PPT #1 : 개요.
Java script PPT #1 : 개요.
Hong Jin Baek
 
자바스크립트의 변천사
자바스크립트의 변천사
Hun Yong Song
 
언어의 변천사를 통해 바라본 Python
언어의 변천사를 통해 바라본 Python
Tae Young Lee
 
엄준일 04일차 HTML/Javascript 교육
엄준일 04일차 HTML/Javascript 교육
준일 엄
 
java_1장.pptx
java_1장.pptx
ssuserdfc8b1
 
java_1장
java_1장
HeeJung Chae
 
자바스크립트 개발자가 되기 위한 플랜 강은심
자바스크립트 개발자가 되기 위한 플랜 강은심
은심 강
 
Java (spring) vs javascript (node.js)
Java (spring) vs javascript (node.js)
류 영수
 
java_1장.pptx
java_1장.pptx
HeeJung Chae
 
Java script 강의자료_ed13
Java script 강의자료_ed13
hungrok
 
Javascript
Javascript
Joshua Yoon
 
자바스크립트 생태계 생생생
자바스크립트 생태계 생생생
geonwoo chu
 
1.Startup JavaScript - 프로그래밍 기초
1.Startup JavaScript - 프로그래밍 기초
Circulus
 
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
SangIn Choung
 
Java the good parts
Java the good parts
Sungchul Park
 
Angularjs 도입 선택 가이드
Angularjs 도입 선택 가이드
NAVER D2
 
Javascript 를 perl에서 mini-language 로 사용하기
Javascript 를 perl에서 mini-language 로 사용하기
HyunSeung Kim
 
3주차 language
3주차 language
준혁 이
 
웹개발자가 알아야할 기술
웹개발자가 알아야할 기술
jaypi Ko
 
Java script PPT #1 : 개요.
Java script PPT #1 : 개요.
Hong Jin Baek
 
자바스크립트의 변천사
자바스크립트의 변천사
Hun Yong Song
 
언어의 변천사를 통해 바라본 Python
언어의 변천사를 통해 바라본 Python
Tae Young Lee
 
엄준일 04일차 HTML/Javascript 교육
엄준일 04일차 HTML/Javascript 교육
준일 엄
 
자바스크립트 개발자가 되기 위한 플랜 강은심
자바스크립트 개발자가 되기 위한 플랜 강은심
은심 강
 
Java (spring) vs javascript (node.js)
Java (spring) vs javascript (node.js)
류 영수
 
Java script 강의자료_ed13
Java script 강의자료_ed13
hungrok
 
자바스크립트 생태계 생생생
자바스크립트 생태계 생생생
geonwoo chu
 
1.Startup JavaScript - 프로그래밍 기초
1.Startup JavaScript - 프로그래밍 기초
Circulus
 
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
SangIn Choung
 
Angularjs 도입 선택 가이드
Angularjs 도입 선택 가이드
NAVER D2
 
Javascript 를 perl에서 mini-language 로 사용하기
Javascript 를 perl에서 mini-language 로 사용하기
HyunSeung Kim
 
3주차 language
3주차 language
준혁 이
 
웹개발자가 알아야할 기술
웹개발자가 알아야할 기술
jaypi Ko
 
Ad

Java Script 2 Part.1

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