이클립스 설치

이클립스란?

IBM에서 웹 스피어 스튜디오 애플리케이션 디벨로퍼(WebSpheare Studio Application Developer)란 이름으로 JAVA언어를 이용하여 개발되었던 것인데, 핵심 부분을 오픈 소스로 공개하여 지금의 이클립스로 발전하게 되었습니다.

이클립스는 윈도우, 맥, 리눅스 등 다양한 운영체제에서 동작하며, JAVA를 비롯한 다양한 프로그래밍 언어를 개발할 수 있는 통합 개발 환경( Integrated Development Environment, IDE)이라고 말할 수 있습니다.

통합 개발 환경이란 코딩, 디버그, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리할 수 있도록 환경을 제공하는 소프트웨어라고 생각하면 됩니다.

이클립스는 플러그인 구조로 쉽게 기능을 추가할 수 있는 구조로 되어 있습니다.

이런 구조 때문에 이클립스 기반으로 만들어진 다양한 도구들이 존재합니다.

또한 이클립스는 윈도우, 맥, 리눅스 운영체제를 지원하기 때문에 대부분의 환경에서 사용할 수 있다는 장점이 있습니다.

2001년 세상에 첫선을 보인 이래로 지속적으로 발전하여 최고의 개발 도구 중의 하나로 사랑받고 있습니다.

 

이클립스 다운로드및 설치

웹 브라우저로 이클립스 사이트에 접속합니다.

https://www.eclipse.org/

이클립스 사이트

이클립스를 이용하여 자바 웹 어플리케이션을 개발할 때 사용하려면 "Eclipse IDE for Java EE Developers"를 다운로드 받아야 합니다.
본인의 운영체제에 맞는 버전을 다운로드 받습니다.
목록을 살펴보면 알겠지만, 다양한 이클립스 버전이 있는 것을 알 수 있습니다.
Windows사용자는 자동으로 윈도우와 관련된 다운로드 링크가 보입니다.
저는 64bit를 다운로드 받도록 하겠습니다.

스크롤을 내려보면 Eclipse IDE for Java EE Developers window 64bit를 찾을 수 있습니다.

다운로드 링크를 클릭하여 다운로드 합니다.

약 340메가 정도의 파일이 다운로드 됩니다.

이클립스는 압축만 해제하면 간단히 설치할 수 있습니다.
삭제할 때도 압축을 해제한 폴더만 삭제하면 됩니다.
다운로드 받은 파일인 "eclipse-jee-oxygen-2-win32-x86_64.zip"의 압축을 해제합니다.
압축을 해제하면 eclipse란 폴더가 있고, 그 안에는 아래 그림과 같은 파일들이 있는 것을 확인할 수 있습니다.

이클립스 실행과 이클립스의 구성요소

파일 중에서 eclipse.exe파일을 더블클릭하여 실행합니다.
실행하면 다음과 같이 workspace경로를 물어보는 창이 열립니다.
workspace란 이클립스로 관리하는 프로젝트가 저장되는 경로를 의미합니다.
앞으로 이클립스로 개발하는 모든 내용이 저장되는 폴더라고 생각하면 됩니다.

폴더를 지정한 후 "Lanuch"버튼을 클릭하면 버전에 따라서 모양이 약간 다르지만, 로그화면이 보여지면서 실행되게 됩니다.

처음 실행되면 이클립스 "Welcome"탭이 보여집니다.
각 링크를 클릭하면서 내용을 살펴보세요.
이클립스와 관련된 다양한 내용에 대하여 살펴볼 수 있을 것입니다.

내용을 살펴보았다면, "Welcome" 탭의 X버튼을 클릭하여 해당 창을 닫습니다.
창을 닫으면 아래의 그림과 같은 화면이 보여집니다.

이클립스를 다운로드 받을 때 보면, 다양한 종류의 이클립스가 있던 것을 볼 수 있었습니다.

이클립스는 플러그인(Plugin)이란 구조로 만들어져 있습니다.

이클립스에 다양한 플러그인을 설치함으로써 다양한 방식으로 사용할 수 있습니다.

이클립스에 아무 플러그인도 설치하지 않았다면, 빈 윈도우 화면이 보여질 것입니다.

"Eclipse IDE for Java EE Developers" 는 자바와 자바 웹 개발을 위한 플러그인들이 설치된 버전이라고 생각하면 됩니다.

(1)번 영역은 퍼스팩티브(Perspective)라고 합니다.

퍼스팩티브는 여러개의 뷰(View)와 에디터 영역, 메뉴 등으로 구성되어 있습니다.

우리는 자바 개발과 자바웹 개발을 위한 퍼스팩티브를 사용할 것입니다.

(2)번 영역은 뷰(View)라고 합니다.

이클립스는 다양한 뷰를 제공해줍니다.

파일 탐색기와 유사항 뷰부터 시작해서 서버실행화면을 보여주는 뷰 등 다양한 뷰를 제공합니다.

(3)번 영역은 에디터(Editor) 영역이라고 합니다.

보통 에디터가 위치하기 때문입니다. 에디터 영역에서 앞으로 JAVA코드를 작성할 것입니다.

 

이클립스 설치 후 인코딩 설정하기

프로젝트 내에서 JAVA, HTML, xml등의 다양한 종류의 파일이 사용되는데 파일마다 인코딩하는 방법이 다르면 글자가 깨지는 현상이 발생합니다.

이런 문제가 발생하지 않도록 인코딩을 설정해 두는 것이 좋습니다.

이 과정에서는 UTF-8로 설정하도록 하겠습니다.

아래와 같이 인코딩을 설정해 주세요.

Window -> Preferences 메뉴를 클릭합니다.

Preferences 다이얼로그가 열리면, General -> Workspace 메뉴를 활성화하고, 하단의 Text file encoding 메뉴에서 Other 라디오버튼을 클릭하고 UTF-8 로 선택하고 Apply 버튼을 클릭합니다.
이렇게 설정하면 주로 자바 파일들에 대한 기본 인코딩이 UTF-8 로 설정됩니다.

CSS Files

좌측 메뉴에서 Web을 활성화해주고 CSS Files 메뉴를 클릭하면 우측 메뉴가 바뀌는데 우측의 Encoding 항목에서 UTF-8을 선택하고 Apply 버튼을 눌러줍니다. 
같은 방법으로 HTML Files, JSP Files 의 인코딩 설정도 바꿔줍니다.

HTML Files

JSP Files