IT'S 모든 것

이클립스 환경설정 및 플러그인 설치

[웹 환경의 이해1]와 [웹 환경의 이해2]에서 집중적으로 다루었던 Application Tier에 필요한 SW(JDK, WAS)와 IDE 툴(Eclipse)를 설치했습니다.

본격적인 개발에 앞서 이클립스 환경설정과 각종 플러그인을 설치하도록 하겠습니다.

1. Encoding 설정

개발을 완료한 후에 인코딩을 변경하면 한글이 깨지는 등 예상치 못한 문제가 발생하므로 개발전에 인코딩을 설정하고 시작하는게 좋습니다.

인코딩은 다국어를 지원하는 "UTF-8"로 설정을 하는 방법을 설명드리겠습니다.

eclipse.ini 파일 수정

 - 이클립스가 설치된 폴더 아래의 eclipse.ini 파일에 아래와 같이 옵션을 추가합니다.

eclipse.exe를 실행하여 상단 메뉴의 

Window --> Preferences --> General --> Workspace 클릭

Text file encoding 부분의 Default 값이 UTF-8로 설정된 것을 확인할 수 있습니다.

eclipse.ini 파일의 옵션을 추가하지 않으면, MS949로 되어 있습니다.

WEB 및 XML 인코딩 설정

위의 Workspace 단위의 기본 인코딩 값을 확인 했으면

Window --> Preferences --> Web 하위의 CSS Files, HTML Files, JSP Files 

Window --> Preferences --> XML 하위의 XML Files 의 인코딩을 UTF-8로 설정합니다.

Apply --> OK로 마무리!!!

Workspace 단위로 파일의 인코딩을 UTF-8로 설정했는데...

위의 항목에 대한 인코딩을 UTF-8로 설정(확인)하는 이유는 JSP, HTML 등 위에서 언급한 파일들은 페이지 내에서 ecoding 정보를 설정할 수 있게 때문입니다.

아래의 소스코드는 이클립스에 설정된 JSP Template 입니다.

Window --> Preferences --> Web --> JSP Files 항목에 설정된 encoding 정보가 아래 소스코드의 ${encoding} 변수의 값으로 사용됩니다.

2. JRE 설정(확인)

JDK를 성공적으로 잘 설치했으면, 아래의 그럼처럼 default JRE가 설정되어 있겠죠~

다른경로의 JRE를 사용하고 싶으시면, [Edit] 버튼을 클릭하셔서 JRE Home의 경로를 설정하시면 됩니다.

3. Tomcat 연동

Web Server와 Web Application Server(WAS) 역할을 수행할 Tomcat을 아래의 그럼처럼 이클립스와 연동을 합니다.

Window --> Preferences --> Server --> Runtime Environments 클릭

Tomcat directory를 자신이 설치한 경로로 설정합니다.

web application을 생성한 후에 서버를 추가하는 방법을 설명하겠습니다.

3. 플러그인 설치 : STS(Spring Tool Suite)

상단 메뉴의 Help --> Eclipse Marketplace 클릭하여 검색창에 "STS" 입력 후 Enter

[Install] 버튼을 클릭하여 설치 시작....

설치목록을 선택한다. (설치시간을 참을 수 있다면 그냥 All Select^^)

설치하시려면 무조건 동의해야 겠죠~~

설치시작...

설치가 완료되면 이클립스를 다시 시작 할까요?라고 물으면 "Yes" 선택

이클립스가 자동으로 다시 시작되고...

STS가 성공적으로 설치되었는지 확인을 하자! Welcome 페이지를 닫고...

이클립스 화면 왼쪽의 Project Explorer 창에서 마우스 오른쪽 버튼 클릭 --> New --> Project 선택하시면, 그동안 보이지 않았던 "Spring"이란 폴더가 생겼습니다.

그럼 STS 설치에 성공하신 겁니다~~~

4. maven 설정

이클립스 neon은 maven 플러그인이 설치된 상태로 배포되므로 따로 플로그인을 설치할 필요는 없습니다.

다만, 모든 환경구성 파일을 한 곳에서 관리한다는 정책을 지키기 위해 maven Repository를 devdic 하위로 설정하기 위한 설명을 하겠습니다.

별도로 설정하지 않으면, 사용자 > .m2 > repository입니다.

먼저 devdic 하위에 maven --> Repository 폴더를 생성합니다.

그리고 maven 폴더에 settings.xml 파일을 하나 만들고 아래의 내용을 추가합니다.

localRepository 부분의 경로는 자신의 폴더 구성에 맞게 수정하시면 됩니다.

이클립스 상단 메뉴 Window --> Preferences --> Maven --> User Settings 선택

settings.xml 파일이 위치를 변경하고 [Update Settings] 버튼 클릭

마무리 아시죠? Apply --> OK~~~

그리고 settings.xml에 정의한Local Repository가 제대로 설정되었는지 확인한다.

참고로 Local Repository는 프로젝트 수행에 필요한 라이브러리 파일을 저장하는 곳입니다.

4. ETC 플로그인 및 Util

- SVN : 소스형상관리

- maven : 빌드 및 의존성 관리(이클립스 neon은 설치되어 있음)

- jQuery : 게시판(공지사항) 프로젝트를 진행하면서 필요할 때 설치방법 설명

- JSDT jQuery : jQuery 자동완성

- properties editor : 프로퍼티 파일 편집기

- notepadd++ : 개발자에게 필요한 울트라 에디터 및 에디터 플러스와 유사한 기능을 제                       공하는 프리웨어 에디터입니다.

시스템 개발 및 이클립스 사용에 필요한 플러그인이 많으며, 필요에 따라서 설치하면 되고, 여기서는 필요가 없어서 생략합니다.

그럼 이제 Spring 프로젝트 하나를 만들어 보시죠~~ GO!GO!GO!

개발환경 구성(Eclipse + JDK + Tomcat)

IDE : Eclipse Neon

JDK : 1.8

Tomcat : 8.0

웹 개발 입문자도 천천히 따라할 수 있도록 개발환경 구성 및 설정 부터 웹 개발에 필요한 많은 기능(지식)이 포함된 공지사항 기능구현까지 몇 회에 걸쳐 작성하도록 하겠습니다.

그럼 첫 단계로 [웹 환경의 이해1] 과 [웹 환경의 이해2] 글에서 집중 설명된

Application Tier에 대한 개발환경 구성을 시작할까요?

1. 환경구성에 필요한 SW 다운로드

◈ Eclipse 다운로드(SW 개발을 쉽게 할 수 있도록 도와주는 통합개발환경 툴)

• 이클립스 사이트로 이동하여 최신버전의 이클립스를 다운로드 합니다.

• zip파일 및 exe(설치형) 파일 형식 중 아무거나 다운로드 하시면 되요! 참고로 저는 zip파일 형식으로 다운로 할게요~

• 설치할 컴퓨터의 OS와 비트를 확인 후 다운로드 하세요~

• 다른 버전을 다운로드 받으려면 MORE DOWNLOADS 메뉴를 이용하시면 됩니다.

◈ JDK 다운로드(JAVA로 SW를 개발하기 위한 JVM(플랫폼 독립성 확보), JRE(실행환경), 각종 API 등 제공)

• JDK 다운로드 사이트로 이동하여 JDK를 다운로드 합니다.(이클립스와 동일하게 자신의 OS에 맞는 버전을 다운로드~)

• 참고로 이클립스 네온을 사용하려면 자바 8버전 이상이 필요합니다.

◈ Apache Tomcat 다운로드(Web Server, WAS(Servlet 컨테이너) 역할)

• Tomcat 사이트로 이동하여 원하는 버전의 Tomcat을 다운로드 합니다.

• 저는 8.0버전을 다운로드 하였습니다.

• zip파일 및 exe(설치형) 파일 둘 중 아무거나 선택하시면 됩니다. 저는 조금은 개발자 스러운 zip파일 형식으로^^

2. 개발환경 구성(압출풀기 및 설치)

• 개발환경 구성을 위한 폴더를 하나 생성 합니다.
• 저는 devdic이라는 폴더명으로 만들었습니다.
• 개발에 필요한 SW를 한곳에 통합함으로써 관리 및 개발환경 공유가 쉬워지는 장점이 있습니다.
• 아래의 그림 [개발환경 폴더 구성]처럼 하는 것이 목표입니다.

[개발환경 폴더 구성]

◈ Eclipse 압축풀기

• 새로만든 폴더(devdic) 아래에서 압축을 풀어줍니다. 
• 그러면, devdic\eclipse\~의 형태로 구성됩니다.

◈ JDK 설치

• 다운로드 받은" jdk-8u121-windows-x64.exe" 파일을 실행합니다.
• 아래의 그림[JDK 설치] 처럼 설치 PATH를 변경해 주세요!

[JDK 설치]

◈ Apache Tomcat 압출풀기

• 새로만든 폴더(devdic)의 tomcat폴더 아래로 압축을 풀어줍니다. 
• 그러면, devdic\tomcat\~의 형태로 구성됩니다.

지금 설정한 경로를 기본경로로 사용하고 다시 물을건지에 대한 옵션을 선택한 후 "OK" 버튼을 클릭합니다.

아래와 같은 그림이 나오면 정상적으로 eclipse가 구동이 된 것입니다.

웹 프로그램 개발을 위한 Application Layer의 필수 SW는 설치가 되었으니 Eclipse 플러그인 설치 및 환경설정/연동 단계로 넘어 갈까요?