2010/02 2

유용한 확장 JavaScript Library (2) importScript()

JavaScript에는 import 기능이 없다. 알다시피 함수를 만들어 모듈화하는 것은 중요하다. 그 과정에서 소스가 길어지면 라이브러리를 몇 조각으로 쪼개게 되며, 한 파일에서 다른 파일을 불러와 함수를 사용할 필요가 있다. 파일 간에 의존성이 생기는 것이다. C에 #include가 있듯이, CSS에는 @import, PHP에는 @require나 @require_once, JSP에는 @include file이 있다. 그러나 JS에서는 이런 동적 링크 함수가 없어서, HTML에서 직접 script 태그를 이용하지 않으면 추가가 안 된다. 그러나 직접 불러오는 것이 불가능하다면 HTML에 script 태그를 집어넣으면 된다. 실행문 중간에 넣으려면, 가장 간단한 형태는 다음과 같다. document.wr..

유용한 확장 JavaScript Library (1) insertAfter()

"블로그에 새로운 글감을 찾았다." 라기보다는 그냥 가내수공업으로 JS로 이것저것 만드는 도중에 함수를 만들고 있다. 최근에 JS를 새로 익히면서 DOM 따위는 순식간에 이해했지만(이미 XML을 충분히 배운 덕분에), 역시 골치를 썩이는 건 이 함수 놈들. 표준 함수들은 그나마 용법이 잘 정리되어 있지만... 사용자가 만들어서 널리 쓰이는 함수들 때문에 헷갈리기 일쑤다. 확장 함수 이름을 다 똑같이 쓰다 보니 표준 함수인지 헷갈리기 시작하면 2시간 삽질은 기본이다. 그래서 나는 표준 함수 말고 일단 확장 함수들을 정리할 생각이다. 이 글을 읽는 사람이 DOM, 노드 구조 등에 관한 기본 지식이 있는 초보 개발자라고 가정하고, 상세한 설명은 하지 않겠다. 첫 번째 대상은 insertAfter()이다. 이 ..