[Web] JavaScript - Eclipse 환경구축 (에디터, 자동완성)

JavaScript 에디터 설정

1. JavaScript 파일 생성

→ 처음 생성 시 뜨는 "Editors available on the Marketplace" 알림창은 [Cancel]

→ 하이라이팅 등 개발 지원 안되는 기본 Text editor로 열림

2. Editor 설정
   1) 선택 파일만 Editor 설정
   : 파일 마우스 우클릭 → Open With → Generic Text Editor
   

   2) 모든 js 파일 Editor 설정
   : 메뉴 Window → Preferences → General → Editors
   → File Associations → [Add]
   
   → *.js 입력 후 [OK]
   
   → "*.js" 선택 후 Associated ediotors [Add]
   → "Generic Text Editor" 선택 추가 [OK]
   → [Default] → [Apply and Close]
   

JavaScript 자동완성 기능

1. tern zip 파일 다운로드
   https://github.com/angelozerr/tern.java/releases

2. Eclipse 메뉴 Help → Install New Software

3. [Add] → [Archive] → 설치한 zip 폴더 선택 → [Add]
   
   → [Select All] → [Next] → [Next] → 동의 후 [Finish]
   

4. Eclipse 우하단에서 설치중 확인 가능
   
   → 보안 경고가 떠도 계속 설치! [Install anyway]
   
   → [Trust selected]
   
   → Eclipse 다시 시작 [Restart Now]
   

5. 프로젝트 마우스 우클릭 → Configure → Convert to Tern Project
   
   → "Browser", "Browser Extension" 선택
   
   → "jQuery" 포함 플러그인 선택 → [Apply and Close]