Ssemi Laboratory

최근에 Ssemi가 요긴하게 쓰고 있는 Library Collections 중에서 가장 쓰임새가 많은 Cross-Brower.com의 The X Library를 소개해보겠습니다.

Michael Foster라는 아저씨(!)가 만들었구요. 라이센스는 GNU LGPL입니다.
자기가 만든 X라는 장난감(my toys)를 통해 모든 사람들이 재밌고, 즐겁게 쓰길 바라는 마음에서 만들어서 알려주더라구요. - 저도 저 아저씨(!)의 마음에 캐감동(!)

사실 요즘 웹개발자들에게 있어서 최고의 화두는 시멘틱 웹 혹은 웹2.0이 아닐까 하는데요.
웹2.0 같은 경우에는 강박적일정도로(!) 웹 표준을 사용하여 크로스 브라우징을 실현하는데 있습니다. 거의 뭐 강박관념하에 표준 validation 통과를 목표로 하는 개발자들이 많죠 ^^;;

* Cross Browsing의 정의
Cross Browsing이란 적어도 표준 웹기술을 채 용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적 화되어 치우지지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법을 말하는 것이다. 또한, 지원 할 수 없는 다른 웹브라우저를 위한 장치를 구현하여 모든 웹브라우저 사용자가 방문했을 때 정보로서 의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것이다. 이는 인터넷 환경 자체가 일반 테스크톱 웹브라우저 뿐만 아니라 모바일, 임베디드 기기, 홈네트워킹용 장비 등 아주 다양한 인터넷 환경이 존재하며, 일반인, 장애자, 노약자, 어린이 등 다양한 사용자가 존재하기 때문이다.

즉 웹 서비스의 모든 잠재 사용자들이 사이트에 접근할 수 있어야 한다는 것은 매우 중요한 요소라는 것이다.

위의 크로스 브라우징을 실현할려고, 브라우져 별로 변수를 만들어 코드를 설정해주고, 나눠주던 때가 기억속에 남아있는데, 그때의 어지러운 코드들을 좀 더 깔끔하게, 좀 더 편하게 만들어주는 것이 The X Library 입니다

함께 X index를 보시죠

a: xaddeventlistener, xappendchild,
b: xbackground, xbar,
c: xcapitalize, xcardinalposition, xclientheight, xclientwidth, xclip, xcollapsible, xcolor, xcreateelement,
d: xdef, xdeg, xdeletecookie, xdisabledrag, xdisplay,
e: xellipse, xenabledrag, xevaltextarea, xevent,
f: xfenster, xfirstchild,
g: xgetcomputedstyle, xgetcookie, xgetelementbyid, xgetelementsbyattribute, xgetelementsbyclassname, xgetelementsbytagname, xgetelepropsarray, xgetelepropsstring, xgeturlarguments, xglobals,
h: xhaspoint, xheight, xhex, xhide,
i: ximgasyncwait, ximgrollsetup, xinclude, xinnerhtml, xintersection,
l: xleft, xlinearscale, xloadscript,
m: xmenu1, xmenu1a, xmenu1b, xmenu5, xmoveto,
n: xname, xnextsib, xnum,
o: xoffsetleft, xoffsettop,
p: xpad, xpagex, xpagey, xparaeq, xparent, xparentchain, xpopup, xpreventdefault, xprevsib,
r: xrad, xremoveeventlistener, xresizeto,
s: xscrollleft, xscrolltop, xselect, xsetcookie, xsetietitle, xshow, xslidecornerto, xslideto, xstoppropagation, xstr,
t: xtablecellvisibility, xtablecoldisplay, xtablecursor, xtableiterate, xtablerowdisplay, xtabpanelgroup, xtimer, xtooltipgroup, xtop, xtristateimage,
v: xversion, xvisibility,
w: xwalkeletree, xwalktree, xwidth, xwinclass, xwindow, xwinopen, xwinscrollto,
z: xzindex

너무 많아서 눈이 돌아가죠?? @_@; 그런데 정말 유용한 DHTML 함수, 유틸리티 함수들이 포함되어있습니다.
실제로 위 index의 링크를 들어가서 Examples을 본다면 놀랄껏이에요 ^^

이제 The X Library에 대한 소개는 마쳤네요. 직접 응용하고 실전에 사용하시는 일만 남았습니다 ^-^)/ 모두 즐거운 개발이 될 수 있도록 하세요. ^-^)