이클립스 JSDT 플러그인 사용으로 자바스크립트(jQuery) 쉽게 사용하기

이클립스 JSDT 플러그인 사용으로 자바스크립트(jQuery) 쉽게 사용하기

 

개발환경 : window 7 32bit, JDK 1.6, jQuery 1.9, Eclipse Indigo

 

JSDT 는 자동완성 기능을 지원하기 때문에 자바스크립트 소스 개발에

아주 유용하다. 굳이 API 를 따로 찾아보지 않아도 되기 때문이다.

엄밀히 말하면 jQuery 사용을 편안하게 하기 위한 플러그인이다.

요즘은 자바스크립트 개발에 대부분 jQuery 를 사용하기 때문에 따로

구분해서 이야기 하지 않았다.

 

1. 설치

 

설치를 위해서 Marketplace 로 간다.

그리고 JSDT 를 검색해서 다운받는다.

 

2. include path 에 JSDT 추가

 

프로젝트를 선택하고 Properties 를 연다.

javascript > Include Path 를 클릭하게 되면 오른쪽에 등록된 라이브러리

리스트가 보일것이다. 여기에 추가하면 된다.

Add Javascript Library 버튼을 클릭해서 jQuery Library 선택하고 라이브러리

버전을 선택한후 종료한다.

아래 추가된 모습을 볼수 있다.

 

3. 테스트 페이지에서 확인

 

html 페이지를 만들어서 jQuery 자동완성 기능이 동작하는지 확인하자.

점을 찍고 ctrl + enter 를 누르게 되면 아래 그림과 같이 관련된 함수들이

나타나게 된다.