We Can it

웹 구축을 배우기 앞서 기본이 세팅이 되어야 합니다.

이클립스와 톰캣을 연동하여 기본 JSP 페이지를 띄우는 방법을 알아보겠습니다.

 

목차

1. 톰캣 다운로드
2. 톰캣 경로 지정
3. 이클립스에 서버 등록
4. 프로젝트 생성 및 JSP 띄우기
5. 서버 구동 및 페이지 접근

 

톰캣 다운로드

아파치 사이트에 접속합니다.

아파치 톰캣 사이트에 접속하면 

위와 같이 좌측에 Download 메뉴가 있습니다.

 

여기에서 자신이 필요한 톰캣 버전을 받으시면 됩니다.

저는 8 버전이 필요하여 이를 다운로드하였습니다.

위의 Core 항목에 zip 파일을 선택해 줍니다.

압축파일을 풀게 되면 위와 같이 버전이 표시된 경로에

톰캣이 설치됩니다.

 

이 경로를 이제 이클립스에서 지정하여 연동하게 됩니다.

 

톰캣 경로 지정

이클립스를 실행하여 상단의 

Window -> Preferences의 메뉴를 실행합니다.

좌측에 보시면 여러 가지 메뉴가 있는데

Server의 Runtime environments를 클릭하여 Add 버튼을 누릅니다.

그럼 위와 같이 연동할 톰캣의 리스트가 나오게 됩니다.

저는 8 버전을 받았기 때문에 해당 버전을 클릭하고 다음으로 이동합니다.

여기서 톰캣의 경로를 지정하게 되는데요.

Browse 버튼을 통해 조금 전 설치했던 톰캣의 경로를 지정해줍니다.

 

경우에 따라서 JRE 버전이 잘못 지정될 경우도 있으니

밑의 JRE 경로도 확인해 줍니다.

정상적으로 등록이 완료되었다면

위와 같이 톰캣이 보이게 됩니다.

Apply and Close를 수행해 줍니다.

 

이클립스에 서버 등록

이제 연동은 마쳤으니 서버를 실행하고 JSP페이지를 띄워보겠습니다.

Window -> Show View -> Server

위의 메뉴를 실행하면 서버를 등록할 수 있는 창이 실행됩니다.

 

이전과 비슷한 절차로 이클립스 상에 서버를 등록하게 되는데요.

톰캣의 버전과 아래의 서버 정보를 확인한 뒤에 

다음 절차로 진행합니다.

위의 창은 이클립스 내 실행 가능한 프로젝트를 서버에 연동하는 창인데요.

아직 우리는 웹 프로젝트가 없어 연결을 할 수 없으므로 Finish 해줍니다.

 

프로젝트 생성 및 JSP 띄우기

이제 서버 세팅은 끝났습니다.

프로젝트를 생성하여 등록된 톰캣에 연동하여 페이지를 띄워보도록 하겠습니다.

상단 메뉴의 New -> Dynamic Web Project

위의 메뉴를 통해 프로젝트를 생성해 보겠습니다.

Project Name을 입력한 뒤에 다음으로 진행합니다.

상단의 Java경로에 있는 소스를 

아래의 폴더로 컴파일하여 Class파일로 떨구는 것을 의미하는 창입니다.

 

변경이 가능하지만 그대로 Finish 해줍니다.

Content Directory는 Jsp나 js, css 등이 생성되어 사용되는 위치를 의미합니다.

Generate web.xml deployment descriptor

위의 항목은 httpservlet request, reponse를 관리에 필요한 xml을 생성하는 기능인데요.

필요한 기능이니 반드시 체크해 주도록 합니다.

모든 절차를 완료하면 위와 같은 형태로 프로젝트가 만들어지게 되니다.

좌측의 메뉴를 따라가 시다 보면 아까 지정한 web.xml도 생성된 모습입니다.

 

이 파일을 열어서 보시면 welcone-file-list가 보이시는데요.

이클립스에서 톰캣에 프로젝트를 지정해서 서버를 구동한 뒤에

기본 URL로 접근하면 해당 페이지를 기본으로 보여준다는 의미입니다.

 

위에 보이는 index.jsp 기본 페이지를 만들어 보겠습니다.

좌측의 webapp에 오른쪽 마우스를 눌러서 JSP File을 클릭합니다.

webapp -> WEB-INF 경로에 index.jsp

위와 같이 JSP 페이지를 생성합니다.

생성이 완료된 모습입니다.

근데 이상하게 파일에 X 표시로 깨져있는 모습입니다.

 

이는 파일 사용에 필요한 라이브러리가 지정되지 않아서 생기는 문제입니다.

프로젝트에 오른쪽 마우스를 눌러

Build Path -> Configure Build Path

Add Library 클릭

 

Server Runtime 클릭. 다음.

그럼 위와 같이 이전에 등록한 톰캣이 보이실 텐데요.

선택 후 완료 처리해 줍니다.

프로젝트의 Build Path에

정상적으로 톰캣이 등록된 모습입니다.

 

이제 길고 길었던 모든 세팅이 완료되었습니다.

서버를 구동해서 JSP 페이지를 띄워보겠습니다.

 

서버 구동 및 페이지 접근

이전에 등록한 Servers 탬에서 톰캣을 더블클릭합니다.

그럼 위와 같은 창이 뜨는데요

 

여기서 Add Web Module 버튼을 클릭합니다.

위의 Modules에 수행할 프로젝트를 클릭하고

Path를 기본으로 지정한 뒤에 Ok.

등록된 서버 오른쪽 마우스.

Start를 클릭하면 서버가 구동됩니다.

위와 같은 경로로 접근하게 되면 만든 JSP가 기본으로 띄워지게 됩니다.

위의 8080은 포트번호로 등록된 톰캣에서 지정할 수 있으니 변경하셔도 됩니다.

 

※포트 변경을 통해 하나의 서버에서 여러 개의 프로젝트를 구동할 수 있습니다.