JSDT JQuery 설정

JSDT JQuery 설정방법입니다.

요즘블로그에는  이클립스 마켓플레이스를 통해 설치하는 편한방법이 있는데

그방법으로 안되시는분들을 위해 준비 했습니다.

저도 겨우겨우 찾았거든요... 그만큼 마켓플레이스로 들어가서 설치하는방법 밖에는 없더라구요 ...

마켓플레이스 접속안되는거..해결할방법있음 저도좀 가르쳐 주세요 흑흑;;

/////////////////////////

하는방법 소개입니다.

1. Help 들어가서 > install New SoftWare.... 들어갑니다

 

2. Add.. 선택하신다음에

Name 에는 Jquery 입력해주시고

Location 에는

 http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite

이 주소 넣어주세요

3. 저는 이미 설치가 되있는상태라  Next 버튼이 활성화가 안되네요..

JSDT Jquery 체크 하신다음에 Next > 선택!

그다음 머 창 뜨면 좀기다리시고 네트워크 상태에  따라 좀 느릴수도 빠를수도 있습니다..

다 설치하시고 이제 프로젝트에 JQuery의 자동완성기능/ 코드어시스트 기능을 사용할수 있게 

설정해주셔야합니다!!

기본으로 깔려있는 라이브러리/플러그인이 아니기때문에

프로젝트에 설정해주셔야 하구요 ..ㅠ

4.  자신이 사용하고 있는 프로젝트 오른쪽 클릭

> Properties 선택

5. JavaScript 하위항목에 있는 Include Path 클릭

>> Add JavaScript Library... 선택

>> JSDT가 정상적으로 설치가 되었다면 목록에

JQuery Library 가 목록에 나와있습니다. 

>> Next.. 클릭

6. Jquery 의 버전을 설정해주셔야하는데..

코드 내의

Script 태그의  추가하는 제이쿼리.min js 파일들은

Jquery를 사용하게 해주는 문이고 여기서는

Jquery의 자동완성기능이나 부가적인 기능을 좀더 편리하게 사용하기위해서 설정해주는 곳입니다.

1.x 버전과 2.x 버전이 있는데.

가장큰차이점은 2.x는 해외에서 많이 쓰이고 1.x 는 우리나라에서 많이 쓰입니다. 그이유는 우리나라의 SI 즉 웹프로그래밍 개발자들은

크로스브라우징 을 엄청 중요하게 여기는데. 엄청 중요하기도 하구요..

2.x 버전은 익스플로러 하위버전을 지원을 하지않습니다.

무난하게 1.11 버전으로 선택해줍시다.

그리고나서 OK 버튼을 누르면 모든설정 끝!!!!

이클립스 내의 구동 스샷입니다 ㅎㅎㅎㅎ

자동완성 단축키는 Ctrl + Space 입니다 ㅎㅎ

출처: http://ttylbj.tistory.com/11 [냑쥐의 개인공간]