[이클립스/Eclipse] 자바스크립트(JavaScript) 자동완성 플러그인 "Tern"

이클립스에서 웹 개발을 하다보면 JavaScript를 활용하게 되는데, 이때 자동완성이 되지 않아 불편함을 느낄 수밖에 없다. 예를 들어, 만약 document.getElementById()와 같은 메소드를 사용해야하는데 자동완성이 되지 않는다면? 매번 직접 다 입력해야 할텐데 아찔하다😱

 

그래서 사용하는 Tern이라는 플러그인.

자바스크립트(JavaScript)를 자동완성시켜주는 아주 유용한 도구다.

 

다운받으면 이런 파일들이 생긴다

 

사실 다운받은지 좀 오래된 탓에 처음에 다운받았던 사이트가 기억이 안나서 대충 검색해봤는데,

http://oss.opensagres.fr/tern.repository/1.2.1/

Index of /tern.repository/1.2.1

내가 사용하는 버전의 캡처화면을 첨부해봤다.

보시다시피 풀네임은 tern.repository-1.2.1

 

---

 

인터넷에서 zip파일을 다운받은 후에 이클립스 [Help] - [Install New Software]에서 설치하거나, 아예 처음부터 Marketplace에서 설치하는 방법도 있는 듯하다. 나는 전자의 방법을 사용했다.

[Help] - [Install New Software]

메뉴로 들어간다.

 

Install 창이 뜨면, 맨 윗줄에 있는 Add 버튼을 누르고 tern 폴더가 있는 위치를 선택해주면 된다.

그러면 위 캡처화면처럼 아래에 Tern 어쩌구 저쩌구 하는 것들이 생기는데 Select All을 누르고 Next 선택!

 

알아서 뭔가 설치된다.

 

그리고 Next로 두 번정도 넘기면 동의하라는 내용이 나오는데 I accept~ (동의한다는 내용) 버튼을 누르고 Finish 해준다.

 

 

창이 꺼지면 이클립스 맨 오른쪽 아래에 초록색으로 Installing Software하는 것이 보이는데 그냥 인내를 가지고 기다리면 된다.

 

그러다 보면 중간에 보안 어쩌구 하면서 계속 할거냐, 아니면 취소할거냐 하는 내용의 경고창이 뜬다.

Install anyway를 누르면 이어서 계속 설치된다.

 

설치가 완료되면 이클립스를 재시작하라는 창이 뜨니 확인을 눌러주면 된다.

 

---

 

Tern이 완전히 설치되고, 이클립스를 재시작한 후에는 아래와 같이 사용하면 된다.

 

마우스 우클릭 - [Configure] - [Convert to Tern Project]

참고로 Tern은 프로젝트 단위로 적용이 되기 때문에 자바스크립트 자동완성 기능을 적용하고 싶은 프로젝트에 대고 마우스 우클릭 - [Configure] - [Convert to Tern Project]를 클릭해준다.

 

그러면 대충 이런 창이 뜰 것임

이런 모듈 어쩌구 창이 뜨면 성공!

뭔가 복잡해보이지만 자세히 들여다보면 Browser라는 항목이 보인다. 이걸 체크해주면 자바스크립트 자동완성은 되는 걸로 기억한다.🤔

 

 

조금 더 자세히 살펴보자.

이것도 모든 내용을 다 담진 못했지만 아까보다는 많은 항목이 보인다. 뭐가 꽤 많다.

좀전에 Browser를 선택하면 아마 자바스크립트 자동완성이 될거라고 말했는데, 그 아래로 내리다보면 jQuery라는 항목이 있다. jQuery를 선택하면 Browser를 선택하지 않아도 자동으로 선택이 되며 jQuery까지 자동완성이 된다.

 

*참고: 이클립스에서 자동완성 단축키는 Ctrl + Space이므로 이 키를 이용하면 된다.

 

 

참 쉽죠?🤗👍 (그럼 이만👋)

즐코딩!!!