Setting

이클립스(Eclipse) jQuery 사용하기

이클립스에서 jQuery를 사용하는 법은 어렵지 않다.

js 파일을 받아 외부 자바스크립트 파일을 추가하는 방법도 있지만 링크만으로 편하게 가져오는 방법도 있다.

현재 내가 쓰는 버전은 developers.google에서 제공해주는 jquery 1.x 버전이다.

아래 코드를 <head></head> 사이에 입력해주면 준비 끝!

1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
cs

추가로 jQuery를 사용할 때 자동완성 기능(Ctrl+Space)을 사용할 수 있게 해주는 플러그인을 소개한다.

(참고로 현재 사용중인 이클립스의 버전은 가장 최신 버전인 PHOTON이다)

아래 순서대로 플러그인을 설치해주시면 된다.

1) Help ☞ Eclipse Marketplace..

2) jquery를 검색하면 보이는 Tern Eclipse IDE 1.2.0를 Install

3) 동의해주시고 Finish

4) Install 중 아래와 같은 문구가 뜨는데 당황하지 마시고 Install anyway를 클릭

5) 이클립스 재실행

6) 프로젝트에서 오른쪽 버튼 클릭 후 Configure 메뉴의 Convert to Tern Project 클릭

7) jQuery 체크 후 적용

8) $ 입력 후 Ctrl+Space

아래와 같이 된다면 성공!

+ 기존의 프로젝트에서 사용시 해당 프로젝트 클릭 후 오른쪽 버튼 Properties ☞ JavaScript ☞ Tern ☞ Modules

마찬가지로 jQuery 체크 후 적용하면 된다.

이클립스(Eclipse) MySQL 연동 - (1) (3)	2018.09.12
MySQL my.ini 설정 (0)	2018.09.11
MySQL 설치(5.7) (8)	2018.09.11
The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path (0)	2018.09.10
이클립스(Eclipse) web.xml 생성 (0)	2018.09.10

Contents

새소식