태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


Building a Javascript Library : 1. Introduction


: 최근 HTML5와 함께 새롭게 대두되고 있는 자바스크립트(Javascript)는 오래 전부터 활용이 되어왔지만 최근들어서 jQuery등과 같은 다양한 라이브러리를 통해 개발자들에게 더욱더 쉽게 다가가기 시작하고 있다. 이러한 jQuery 같은 라이브러리를 보면서 '나도 저런 라이브러리를 만들어보고 싶다'라는 생각을 하게 되어서 한번 나만의 라이브러리를 만들어보려고 생각하여 그 과정을 정리해보고자 한다.


지금 기능적으로 다양한 라이브러리를 생각하고 있는데, 지금 당장 자바스크립트로 HTML에 트리구조를 그려줄 수 있는 라이브러리를 만들어보려고 한다. 그러기 위해서 일단 기본적인 구현에 대한 공부를 해야할 것이다.


-------------------------------------------------------------------------------------------


* 동영상 소개 - 2007년 아주 오래전의 동영상으로 jQuery가 처음 나오기 시작할 때 라이브러리 제작자가 세미나를 가진 내용이다. 한번쯤 본다면 괜찮을 것이다.


Best Practices in Javascript Library Design

http://youtu.be/012mt05yzjc


여기서 이미 encapsulation등의 방법들을 소개하고 있다.


-------------------------------------------------------------------------------------------


* 블로그 소개 - 자바스크립트를 만드는 순서에 대해서 간단하게 소개해놨다. 훑어보면 괜찮을 것이다.


http://www.mikedoesweb.com/2012/creating-your-own-javascript-library/


위의 블로그 사이트 내용을 정리하자면 자바스크립트 라이브러리를 만들 순서는,


1. 라이브러리의 목적 확립

2. 라이브러리의 사용 방법을 설계

3. 대략적인 구조 설계 (함수 등)

4. 생성자 구축

5. 프로토타입으로  기타 함수 구현


이러한 방법론을 이용하고 있다. 아주 알기 쉬운 설계한 뒤 구현하는 순서이다.


-------------------------------------------------------------------------------------------


* 블로그 소개 - 간단한 실제 소스코드 예도 있는, jQuery를 확장하는 예를 보여주고 있다. 다른 라이브러리를 확장하는 방법(특히 jQuery)를 보여주고 있어서 참고할만하다.


http://www.atlanticbt.com/blog/create-your-own-javascript-library/#DOM_wrapper_like_jQuery


이 블로그의 내용은


1. 전역 네임스페이스의 정의

2. 그리고 지역 네임스페이스의 정의

3. 하위 라이브러리 정의, 그룹화

4. 실제 함수 구현


이렇게 이루어져 있다.


-------------------------------------------------------------------------------------------


이제부터 만들려고 하는 라이브러리는

"순수 웹페이지, HTML상에서 폴더의 구조와 같은 트리 구조를 보여주는 위젯 방식의 자바스크립트 라이브러리"

이다. 비슷한 라이브러리가 이미 있기는 하지만, 앞으로 더욱더 큰 라이브러리르 만들기 전에 연습용으로 만들어보려고 한다.


저작자 표시 비영리 동일 조건 변경 허락
신고

이 글을 공유하세요.

질문이나 의견을 댓글로 달아 주세요