이클립스 코드 어시스턴트 설치 및 설정

이클립스는 자바스크립트 함수 자동 완성을 지원하지 않기 때문에 별도로 어시스턴트 설치가 필요하다.

먼저, 이클립스에서 Help - Install New Software를 클릭한다.

그 후, Install창이 뜨면 Add버튼을 누른다.

Add Repository창이 뜨면, Add Repository창에서 Name : Tern이라고 적고, Archive 버튼을 눌러 다운받은 zip파일을 선택한 뒤 Add버튼을 누른다.

파일을 추가했다면 설치할 항목들을 모두 체크하고 계속 나오는 Next 버튼을 누른 뒤, license 동의를 선택하여 설치를 진행한다. 설치중 Install anyway를 눌러 계속 진행한 후 Restart한다.

설치가 끝난 후 tern을 사용하기 위해서는 프로젝트별로 설정이 필요하다.

프로젝트를 우클릭한 후 Configure - Convert to Tern Project 또는 프로젝트를 우클릭한 후 Properties - Client-side JavaScript - Tern - Modules로 들어간다.

설정 창이 뜬다면 쓰고 싶은 모듈을 선택해야한다.

(DOM API 자동완성 - Browser에 체크, jQuery 자동완성 - jQuery에 체크)

Tern은 기본적으로 ECMAScript5를 설정하는데, 프로젝트 선택 - 마우스 우버튼 - Properties - Client-side JavaScript - Tern을 클릭하여 Version을 ECMAScript 6로 변경한다.

Tern이 잘 적용되었다면 아래와 같이 자동 완성이 이루어진다. (Ctrl+Space)

만일 설치 시, 오류 발생한다면 작업한 프로젝트는 백업한 뒤 이클립스를 모두 지우고 C:\Users\User\.eclipse, C:\Users\User\.p2 폴더를 지운다. 그 후 다시 이클립스를 설치하여 Tern을 Install한다.

ADUNG_DEVELOP