AJAX 가 웹 기술의 대세로 떠오르면서, Javascript 언어에 대해 새로운 접근들이 시도되고
다양한 AJAX 및 자바스크립트 라이브러리들이 출시되었습니다.
많이 쓰이니까 쉽게 쓸 수 있도록 하는 방법들이 나오는 건 당연하겠죠.
Script.aculo.us, Prototype.js , MooTools , jQuery, YUI ( Yahoo UI Library ) 등등..
수 많은 Javascript 라이브러리중 최근의 대세는 jQuery – http://jquery.com/ 입니다.
Google Trends를 통해서 위의 Script 라이브러리들을 비교해보면 이렇습니다.
그래프만 봐도 딱 보이시죠. 이렇게 jQuery 가 인기를 끌어가는데.. Microsoft 가 강펀치를 하나 날려줍니다.
위에 E 부분에 보면.. Microsoft 가 jQuery 를 Visual Studio 에 내장하겠다고 발표한게 보이실겁니다.
이제 ASP.NET 의 AJAX 프레임워크에서 jQuery 를 기본으로 내장하고 활용하게 되었습니다. – Microsoft to ship jQuery with Visual Studio
또한 Nokia 역시, 그들이 만들고 있는 Web Kit 기반의 Web-Runtime에서 jQuery를 사용할 것이라고 발표하였습니다.
http://jquery.com/blog/2008/
Javascript 와 jQuery 공부하기
이제 Javascript 를 이용한 AJAX개발은 모든 웹 기반 개발의 기본기술이 되었습니다. 모바일 환경에서도 사용되는건 물론이구요.
한번 Javascript, AJAX와 jQuery 를 익혀보지 않으시겠습니까 ?
공부하시는데 도움이 될만한 강의 문서들을 링크해 드립니다.
-
[한글] DeadFire 자바스크립트 강의
DEADFIRE 님의 WEB 기초 강좌중 JavaScript 강좌입니다.
http://deadfire.hihome.com/jscript/jscript01.html
책 형식으로 기초부터, 문법, 객체, Javascript 내장객체, 이벤트 등의 순서로 자세히 설명하고 있습니다.
2001년에 작성되어 조금 오래되긴 했지만 기초로 보기에 좋습니다. -
[영문] Douglas Crockford Teaches Javascript
Yahoo 의 JavaScript Architect 인 Douglas Crockford 가 야후 내부 직원들에게 자바스크립트를 강의하는 동영상과 PPT 입니다.-
The JavaScript Programming Language [ 4 개의 비디오:
1 (31 분) ,
2 (31 분) ,
3 (29 분) ,
4 (20 분) ,
PPT 파일 ]
-
An Inconvenient API : The Theory of the DOM [ 3 개의 비디오:
1 (31 분) ,
2 (21 분) ,
3 (26 분) ,
PPT 파일 ]
-
Advanced JavaScript [ 3 개의 비디오:
1 (31 min) ,
2 (25 min) ,
3 (11 min) ,
PPT 파일 ]
-
The JavaScript Programming Language [ 4 개의 비디오:
-
[영어] 자바스크립트 신병훈련소 ( Javascript Boot Camp )
영어라 압박이긴 하지만.. 매우 쓸만한 “자바스크립트 신병 훈련소(Javascript Boot Camp)” 라는 문서입니다.
말은 거의 없고, 코드로만 되어있으니.. 이게 자바스크립트구나! 라고 느끼시기엔 적합합니다.
http://www.slash7.com/articles/2006/07/26/ javascript-boot-camp-tutorial
에 있는 문서이구요.
Amy Hoy 라는 유쾌한 여성 웹 개발자가 쓴 문서라서.. 문서에 여성적인 느낌이 다분합니다. -
[한글] AJAX 마스터하기 – http://www.ibm.com/
developerworks/kr/series/web/ index.html - Part 1: Ajax 소개 : Ajax 애플리케이션에 관한 서론 및 이 애플리케이션에 필요한 몇 가지 기본개념들을 설명합니다.
- Part 2: JavaScript와 Ajax를 이용한 비동기식 요청 : XMLHttpRequest 객체에 대해 구체적으로 소개합니다.
- Part 3: Ajax의 고급 요청 및 응답 : 요청 객체의 세 가지 핵심 부분들-HTTP 준비 상태,HTTP 상태 코드, 요청 유형들-에 대해 자세히 설명합니다.
- Part 4: 웹 응답에 DOM 활용하기 : 웹 페이지를 정의하는 문서 객체 모델(Document Object Model)을 소개합니다.
- Part 5: DOM 다루기 : DOM 을 보다 자세히 연구합니다.
- Part 6: DOM 기반 웹 애플리케이션 구현하기 : Document Object Model (DOM)와 JavaScript 코드를 결합하여 인터랙티브 Ajax 애플리케이션을 구현해봅니다.
- Part 7: 요청과 응답에 XML 사용하기 : 서버가 XML로 된 응답을 보내는 방법을 설명합니다.
- Part 8: 요청과 응답에 XML 사용하기 : XML 응답을 클라이언트로 리턴하는 방법을 설명합니다.
- Part 9: Google Ajax Search API 사용하기 : Google 같은 퍼블릭 API를 통해 요청을 하고 응답을 받는 방법을 설명합니다.
- Part 10: 데이터 전송에 JSON 사용하기 : 데이터를 전송하거나 수신하기 위해 XML이나 플레인 텍스트 대신, JSON을 사용하는 방법, 시기, 이유를 설명합니다.
- Part 11: 서버 측의 JSON : JSON 포맷으로 서버에 보내진 데이터를 핸들하는 방법과, 같은 포맷을 사용하여 스크립트에 응답하는 방법을 설명합니다.
- [한글] jQuery 관련 강의
-
Visual jQuery – http://visualjquery.com/ – jQuery 의 각 개체를 보기좋게 만들어 놓은 웹사이트.
이 사이트는 정말 강력추천합니다. 카테고리별로 설명되어 있고 다양한 예제와 실행샘플까지 잘 나와있습니다.
전 듀얼모니터로 개발하면서 한쪽은 에디터 한쪽은 웹브라우저로 이 Visual jQuery를 올려놓고 있습니다. -
Javascript / jQuery 관련 유용한 글 모음
JavaScript & Ajax
- 75 (Really) Useful JavaScript Techniques
- 80+ AJAX-Solutions For Professional Coding
- 60 More AJAX- and Javascript Solutions For Professional Coding
jQuery
- jQuery and JavaScript Coding: Examples and Best Practices
- 45+ New jQuery Techniques For Good User Experience
- 37 Phenomenal jQuery Plugins and Demos for Developers
- 51+ Best of jQuery Tutorials and Examples
- 50+ Amazing Jquery Examples- Part1
- 37 More Shocking jQuery Plugins
- 45+ Fresh Out of the oven jQuery Plugins
다소 좀 때늦은 포스팅이긴 하지만, 사내 메일링리스트에 보내느라 정리해둔게 있어서 늦게나마 기록차원에서 올려둡니다.
