■ Eclipse 설치하기
먼저 https://www.eclipse.org/downloads/ 페이지에 접속하여 이클립스를 다운받는다.

기본적으로 접속한 사용자의 컴퓨터 사양에 맞는 eclipse-inst.exe 파일이 생성되기에
몇차례 다음 > 다음 버튼을 누르닌 식으로 버튼을 누르면 쉽게 다운받을 수 있다.
다운받은 eclipse-inst.exe 파일을 실행하면 어떤 개발 목적을 위한 Eclipse를 찾는지 묻는다.

우리는 JSP, Spring Framework 개발을 준비하기 위한 목적이기에
Eclipse IDE for Enterprise Java Developers를 선택한다.
그럼 Eclipse IDE for Enterprise Java Developers를 설치 하기에 앞서
설치 경로등 몇가지 사항을 지정할 수 있다.

기본적으로 JRE는 사용자 컴퓨터의 기본 세팅되어 있는 환경을 불러올 것이며
Eclipse의 설치경로는 기본 값 C:\User\사용자폴더\eclipse\이클립스버전 과 같이 자동 생성된다.
설치할 곳을 변경하려면 여기서 변경을 해주어야 한다.
설정 확인이 끝나면 INSTALL 버튼을 클릭하여 Eclipse를 이제 설치해 보도록 하자.
설치가 진행되는 와중에 Eclipse의 설정하는 부분에 관해 동의를 구하는 팝업창이 나타나는데.

Accept 버튼을 클릭하여 설정에 동의를 하고 설치를 계속 진행한다.

그렇게 설치가 완료되면 LAUNCH 버튼을 클릭해 주면 Eclipse가 실행되는데.

이때 Eclipse의 Workspace ( 작업경로 )를 물어온다.
C:\사용자폴더\eclipse-workspace로 기본값이 생성되는데
작업경로를 변경하고 싶다면 여기서 작업경로를 변경해 주면된다.
Launch 버튼을 클릭하면 이제 진짜 Eclipse가 실행된다.
■ Apache Tomcat 설치 및 설정
Eclipse의 준비가 끝났다면 이제 Apache Tomcat을 추가하여 서버를 작동시켜 보자.

Eclipse 상단 메뉴중 Window 에서 Preferences 를 선택한다.

환경설정 메뉴가 팝업되면여기서 좌측 카테고리의 Server > Runtime Environments 항목에 들어와서
Addition 버튼을 클릭하여 Tomcat 서버를 구성해 보자.
여기서 Eclipse는 Apache Tomcat v8.0을 사용하겠다.

위와같이 사용할 Apache Tomcat을 선택하고 Next 버튼을 클릭해 주면된다.
그럼 Tomcat Server를 세팅하는 데 앞서 먼저 Tomcat을 다운로드 받아야 하는데.
이클립스 내에서 이를 간단히 해결 할 수 있다.

Download an Install 버튼을 클릭하여 Apache Tomcat을 다운받는다.
다운을 받기위헤서는 아파치의 사용자 계약 조건에 먼정 동의를 해주어야 한다.

동의를 해부고 Finish 버튼을 클릭하면
아파치를 컴퓨터 어디에 설치할지를 지정할 폴더가 생기는데.


기본적으로 아파치 톰캣은 C:\Program File\Apache Software Foundation\사용톰캣버전
으로 지정되는데, 마찬가지로 변경을 원하는 유저는 여기서 변경을 하면 된다.
설치경로 지정까지 다 마무리가 되면 이클립스에서 바로 아파치 톰캣의 설치를 진행하는데
■ Eclipse를 통해 Tomcat에 Web Projcet 추가하기


화면 하단에 퍼센트 바를 통해 얼마나 설치가 진행중인지를 알 수 가있다.
100% 설치가 다 되야 Finish 버튼이 활성화 되는데,
설치가 완료되면 Finish 하여 서버 설치를 마무리 지자.

생성한 프로젝트의 WebContent 디렉토리에서 마우스 우클릭을 하여
메뉴 리스트가 보여지면 New > JSP File 버튼을 클릭하여 첫 *.jsp 파일을 만들어 낼것이다.

New JSP File 차잉 팝업되면
File name에 파일의 이름을 짓고 Finish 버튼까지 눌러주면 이제 JSP 파일의 생성도 마무리 되었다.
생성된 JSP 파일에 아래와 같이 Hello World라는 텍스트를 삽입하고출력해 보자.
Hello_World.jsp |
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>Hello World ~ !!</h1>
</body>
</html>
|
위 코드를 다 작성했다면 이제 작성한 *.jsp 파일과
그 *.jsp를 담고있는 해당 포로젝트를 아파치 톰캣 서버를 이용해 화면해 출력할 것이다.

다시 이클립스 상단의 Run 버튼을 클릭하고
해당 메뉴에서 Run As > Run on Server 를 통해 새로 생성한 신규 프로젝트를 서버에 등록하도록 한다.

Next 버튼을 클릭하여 서버 설정을 확인해 본다.

Configured 메뉴에 Web Project를 추가하고 Finish 버튼을 클릭해 준다.

그럼 위와같이 이클립스의 내장 브라우저를 통해 우리가 작성한 코드가 출력되는 것을 확인 할 수 있고
그 URI 값을 다른 파이어 폭스, 크롬등의 브라우저에 복사 붙여넣기 하면 실행되는것을 알 수 있다.

우리가 생성한 web-study-01 프로젝트 명에 Hello_World.jsp 파일을 실행한 것을 확인 할 수 있다.