본문 바로가기

JavaScript

(5)
Javascript Dependency in Maven http://www.webjars.org/ 보통 메이븐을 통해서 자바 라이브러리(jar)들간의 의존 관계를 해결한다. 하지만 자바스크립트 라이브러리는 이런게 없다. 어디선가 js 파일 받아서 웹 소스에다가 놓고 써야한다. 예를 들어 "jQuery UI"를 써야 하면 jquery.ui.js 파일 받고 "jQuery UI"가 필요로 하는 jquery.js 를 구해서 넣어야한다. 근데! 누군가가 메이븐으로 자바스크립트 라이브러리의 의존 관계를 관리할 수 있도록 했다. 이 기발한 원리는 이러하다. ㅋㅋ 1. /META-INF/ 안에 js 파일들을 넣은 jar 파일을 만들어서 메이븐으로 쓸 수 있도록 한다.2. 프레임워크마다의 방법으로 classpath 안의 js 파일들을 웹상에서 쓸 수 있도록 한다. pom.x..
jQuery UI Datepicker IE 버그 해결... jquery ui 중 Datepicker 라는 것이 있습니다. 날짜를 선택할 수 있게 해주는 UI 입니다. 요게 잘 되는 것 같지만 IE(Internet Explorer)에서는 약간의 문제가 있습니다. 사용할 수 없을 정도는 아니고 날짜를 선택 했는데 달력이 또 나오게 됩니다. 1. 해당 텍스트 입력에 포커스가 가게 됩니다. 2. 달력(datepicker)창이 열립니다. 3. 날짜를 하나 선택합니다. 4. 창이 닫힙니다. 5. 해당 텍스트 입력으로 포커스가 다시 갑니다. 2. 달력(datepicker)창이 열립니다. 이와 같이 달력 밖 영역을 클릭해서 없애지 않는한 무한 날짜 선택이 됩니다. -_-;; 그냥 냅둬도 되지만... 찜찜해서 아예 포커스를 안주게 수정 하였습니다. /* Update the in..
Eclipse + SpketIDE = Ext JS Code Assist 사용하기 Eclipse + Apatana 를 이용하여 jQuery Code Assist를 사용하다가, Ext JS도 지원하길래 써봤는데 별로 기능이 쉬원치 않더군요... 그래서 ExtJS를 지원하는 다른 것을 찾았습니다~ http://www.spket.com/ Ext JS 외에 다른 것(jQuery, Flex, 등)도 이것저것 지원되네요. Installation Eclipse Galileo 에서 설치하였습니다. 일단 Ext JS 라이브러리가 어딘가에 있어야 합니다. Help - Install New Software... Add 클릭 http://www.spket.com/update/ 등록 Spket IDE 선택 Next Finish 플러그인 설치 후 이클립스를 재시작 합니다. WIndow - Preferences..
Eclipse + Aptana : jQuery Code Assist 사용하기 Introduction jQuery 공부를 시작하기에 앞서 툴을 세팅합시다.. -_-v Eclipse Galileo + Apatna 를 사용하여 jQuery Code Assist를 사용해 봅시다. http://www.aptana.org Installation Plugin Help - Install New Software 클릭 http://download.aptana.org/tools/studio/plugin/install/studio 를 등록 후 Aptana Studio 를 선택합니다. Next 클릭 라이센스 수락 후 Finish 클릭 경고가 나오는군요... 깔끔하게 패스! 이클리스를 재시작 합니다. 파이어폭스가 필요하다네요... Install Aptana Features Aptana 플러그인을 설치했다..
url 파라미터 알아내기 wGET 방식으로 넘오어는 url 에서 파라미터를 뽑아내주는 스크립트입니다. 원리는 현재 페이지의 url 을 짜르고 돌리고 짜르고 해서 하나의 배열에 담아주는 겁니다.. ^^; function getParams() { // 파라미터가 담길 배열 var param = new Array(); // 현재 페이지의 url var url = decodeURIComponent(location.href); // url이 encodeURIComponent 로 인코딩 되었을때는 다시 디코딩 해준다. url = decodeURIComponent(url); var params; // url에서 '?' 문자 이후의 파라미터 문자열까지 자르기 params = url.substring( url.indexOf('?')+1, url..