2006년 3월 30일 목요일

Javascript관련 리소스들

1. Mozilla developer center

Mozilla developer center(MDC)는 제가 JavaScript관련 작업을 할 때, 가장 많이 이용하는 사이트중 하나입니다. (또 다른 하나는 Prototype API 사이트입니다.) MDC는 MediaWiki로 나누어져 있기 때문에 카테고리 정리가 잘 되어 있는 사이트 중의 하나입니다.

MDC(Mozilla develpoer center)의 구성
  • Topics
    • Extensions
    • Plugins
    • ...
  • Technologies
    • AJAX
    • CSS
    • DOM
      • Gecko DOM Reference: DOM에 대한 property와 method 등에 대해서 잘 정리되어 있습니다.
      • Tools: Mozilla에서 Web 개발할 때 필요한 프로그램 목록이 여기에 있습니다.
        • Firebug: Firebug는 디버깅, CSS 변경 등 여러가지를 확인, 실험해 볼 수 있는 Firefox 플러그인 입니다. JavaScript 개발의 필수품(Web Developer도 저의 완소 프로그램입니다. ^^)이라고 할 수 있습니다.
        • DOM Inspector
        • Mouse-over DOM Inspector
        • Aadvark Firefox extension
    • HTML
    • JavaScript
      • Core JavaScript 1.5 Reference: JavaScript의 모든 Reference들을 다루고 있습니다. (없는 부분도 있기는 합니다만, 없는 경우 w3c 표준안으로 링크가 되어 있습니다. -아닌 부분도 있기는 하지만요.)
      • Core JavaScript 1.5 Guide : JavaScript의 전반적인 소개 및 Type, Object, Operator, Function에 대해서 다양하게 다루고 있습니다.
    • ...
Reference의 경우 Global Object나 Function을 보는데 좋고 Guide는 JS 1.5 문법에 관련된 내용 위주로 보시면 좋을 것 같습니다. DOM을 보시려면 Gecko DOM Reference를 보시구요.

한글 모질라 사이트에도 훌륭한 자료가 많이 있습니다.
  • 웹 개발자 자료 : 한글 모질라 사이트에서 제공하는 웹 개발자 자료입니다. w3c와 Netscape, KIPA 등의 외부 자료 링크목록이 잘 정리되어 있습니다.
  • 한글 모질라 포럼: 한글 모질라 포럼 게시판으로 훌륭한 Q&A가 많습니다. 질문을 올리셔도 되구요. (저의 경우에는 답변을 받지 못했습니다... 답이 없는 문제였거든요. ^^)

2. MSDN

사용자가 가장 많은 IE를 지원하려면 필수적으로 들러야하는 MSDN입니다. MSDN을 사용하시기 전에 주의하실 점은 IE를 사용할 것입니다. Firefox를 사용하실 경우, Properties/Methods에 대한 내용을 볼 수가 없습니다. 그래서 저같은 경우는 IE 탭을 사용하고 있습니다.

MSDN에서 웹 개발과 관련된 항목들은 Web Developer 항목에 정리되어 있습니다.

Web Developer - Web Developer 관련 항목의 시작 페이지
저의 경우에는 Firefox 기준으로 개발을 하고, IE는 나중에 Firefox와 다른 부분만 추가 개발합니다.(IE에는 Firebug같은 프로그램이 없거든요.) 따라서, MSDN에 이용할 때는 HTML and DHTML Reference만 사용합니다.

3. OPERA

오페라의 경우도 훌륭한 브라우저이기는 합니다만, 사용자가 별로 없기 때문에, (이논리대로라면 IE에서 개발해야겠죠 ^^;;) 테스트할 때만 사용합니다.

opera developer tools - DOM console, css editor, dom snapshot

4. Webkit

Safari의 경우에는 Apple Developer Connection을 접속하면 됩니다. (대부분의 해외사이트에서는 개발과 관련된 항목을 http://developer.사이트명.com에 둡니다. 또는 여기로 접속하면 자신들이 지정한 위치로 포워딩하기도 합니다. - adobe)


Safari에서 디버깅이 필요한 경우에 사용할 수 있는 방법이 있습니다. WebkitDrosera를 사용하는 것입니다. (Webkit의 경우 Safari의 다음버전 엔진으로, 다르다고 볼 수 있지만, 나름대로 쓸만합니다.)


5. Regular Expression

RegExp: 정규표현 식 중 Javascript에 관련된 내용을 다루고 있습니다.
※ 이 사이트에 들어가보시면 JavaScript뿐만 아니라 다양한 정규표현식을 다루고 있습니다. (요즘들어 느낀거지만, 다양하지는 않은 것 같습니다. -_-a )

6. Javascript, HTML 및 AJAX 참고하면 좋은 사이트와 기사들

jinoxst님 블로그 : AJAX, JSDoc, JsUnit등의 다양한 내용들이 한글로 제공되는 블로그입니다. 정리 및 설명이 진짜 잘되어 있는 블로그입니다.
cadvance.org : 건달콩(RogueBean) 님이 추천해준 사이트 -  전반적인 HTML, XHTML, Javascript가 잘  제공됩니다만,  Javascript의 경우  사용자 정의 객체 등에 관한 자료가 없습니다.
koxo.com : 자칭 미남형 아저씨가 추천해준 사이트, 뭔가는 많은데 좀 찾기 힘들더군요.
JSDoc : Javascript를 Javadoc형태의 문서로 생성해주는 프로젝트입니다. Perl환경을 설치하고 실행하면 됩니다.
JSUnit : Javascript testunit 사이트입니다.
XMLHTTPRequest : w3c의 working draft
crokford.com: crokford.com에서 제공하는 javascript 관련 링크들
W3C - DOM Level2 Style specification

7. Javascript Tutorial들

Simon Willison's Weblog : ETech에서 강좌하기 위해서 사용된 자료라고 합니다. 명확하게 잘설명되어있어서 속성으로 보기를 원하시는 분들은 좋을 것 같네요.
w3schools.com : 지민아빠님이 추천해주셨던 사이트. HTML, XHTML 및 Javascript등을 쉽게 해볼 수 있게 해둔 사이트입니다.
From DHTML to DOM scripting : DHTML과 DOM에 대한 설명이 잘 되어 있다.
O'Relly 책들 : 이건 자바 책이구나 ^^;;
Coding forum: DOM scripting에 관한 FAQ
Tag Overview: w3schools.com의 태그 overview
Ajax Tutorial : 출처 ajaxian
Max Kiesler님의 Ajax tutorial:
XML과 JSON 변환하기 : XML 을 JSON으로 변환시키는 정규표현식 같은 규칙에 관한글(?)
GData : 모음의 모음?
Carson Workshop의 How to Build a Web App:
BootCamp Tutorial
RSS and AJAX: A Simple New Reader
What I didn't know about XHR
Efficient JavaScript - Opera Developer Community

8. execCommand 가이드
Midas Specification : 모질라에서 정의한 execCommand 명령에대한 마이다스 스펙
Command Identifier : MS ie의 execCommand 스펙

9. Javascript Tool
IE관련 (Ajaxian의 기사)
Web Development Helper : debug/trace, page's state, DOM inspector등을 제공
Internet Explorer Developer Toolbar : MS 제공 툴바

Firefox관련
FIREBUG : Firefox 디버깅 툴
Web Developer Extension: DOM 구조 등, 디버깅을 위해서 사용할 수 있는 툴

기타
JSON 변환 툴 : xml을 json으로 변환해줍니다.
Ajax Toolkit Framework (ATF)

10. Javascript Framework
The Latest Trend: Javascript Frameworks on the Server Side
Prototype: API한글 번역, 소개글, 퀵가이드 , 프로토타입을 기반으로 한 라이브러리들

11. CSS
Position is Everything
Details on CSS changes for IE7
leezche님의 글에 올라온 CSS 한글 번역문 : Trio 홈페이지 CSS2
leezche님의 글에 올라온 CSS Design Korea
nmind님의 CSS핵 정리
CENTRICLE.COM의 "Will the browser apply the rule(s)?"
quirksmode - 여러가지 hack이나 디버깅, html/css/js에 관해서 풍부한 자료를 가지고 있는 사이트 아쉽게도 rss 제공 안된다. -_-;
maratz.com의 Essentials of CSS Hacking For Internet Explorer - IE hack과 관련하여 총정리(?)

12. Tutorial for JavaScript Info
MicroSummary : <link rel="microsummary" href="microsummary.txt" /> 를 이용하여서 작은 RSS처럼 사이트의 요약본과 갱신을 알려주는 역할을 합니다. Firefox에서 제공되는 기능입니다.
MD5 Library : 다양한 언어로 구현된 MD5 라이브러리입니다. (JavaScript도 제공)

댓글 없음:

댓글 쓰기