이클립스(Eclipse)에 톰캣서버(Apache Tomcat Server)가 생성되어 있다면 바로 웹프로젝트를 생성해서 JSP 프로그램을 작성할 수가 있습니다. 그럼 바로 살펴보죠.

 

이클립스 웹프로젝트(Dynamic Web Project) 만들기 (생성에서 실행까지)

이클립스 웹프로젝트 생성, 이클립스 웹프로젝트 실행, 이클립스 웹 프로젝트 만들기, Dynamic Web Project, 아파치 톰캣서버 연동, JSP 개발환경설정, 이클립스 JSP, 이클립스 HTML

File - New - Dynamic Web Project를 선택하면 위와 같은 대화상자가 나타납니다. 프로젝트 이름을 지정한 후 톰캣서버 설정이 제대로 되어 있는지 확인하고 Finish버튼을 누릅니다.


 

이클립스의 Project Explorer를 보면 프로젝트가 제대로 생성된 것을 볼 수 있습니다.

이클립스 웹프로젝트 생성, 이클립스 웹프로젝트 실행, 이클립스 웹 프로젝트 만들기, Dynamic Web Project, 아파치 톰캣서버 연동, JSP 개발환경설정, 이클립스 JSP, 이클립스 HTML

 

프로젝트를 보면 WebContent라는 폴더가 보이는데 보통 여기에 HTML파일이나 JSP파일을 생성시키게 됩니다. 그럼 간단하게 HTML파일을 만들어보겠습니다.(JSP파일은 HTML보다는 좀 복잡하니 다음 기회에) WebContent 폴더 위에서 오른쪽 마우스 클릭을 한 후 New - HTML File을 선택합니다.

 

파일 이름을 index.html로 지정하고 Finish 버튼!

 

이클립스 웹프로젝트 생성, 이클립스 웹프로젝트 실행, 이클립스 웹 프로젝트 만들기, Dynamic Web Project, 아파치 톰캣서버 연동, JSP 개발환경설정, 이클립스 JSP, 이클립스 HTML

WebContent 폴더에 index.html이라는 HTML파일이 생성된 것을 볼 수 있습니다. 이 파일을 조금 편집을 한 후 빨간색으로 표시된 Run 버튼을 클릭합니다.


이클립스 웹프로젝트 생성, 이클립스 웹프로젝트 실행, 이클립스 웹 프로젝트 만들기, Dynamic Web Project, 아파치 톰캣서버 연동, JSP 개발환경설정, 이클립스 JSP, 이클립스 HTML

 

톰캣서버가 잘 설정되어 있는지 확인하고 Next 버튼을 클릭. 다음부터 계속 이 설정으로 서버를 실행시킬거라면 Always use this server when running this project 선택해서 다음부터 이 과정을 생략할 수 있습니다.

 

서버의 자원을 관리하는 화면인데 Add, Remove버튼을 사용해서 Available 또는 Configured로 변경이 가능합니다. 자신에 생성한 웹프로젝트 이름이 Configured 영역에 있다면 그냥 Finish버튼을 누르면 됩니다. 이렇게 Configured로 설정된 웹 어플리케이션 모듈은 서버에서 실행할 수 있게 배치(Deployment)가 되는데, 이클립스에서는 [이클립스 워크스페이스 위치]\.metadata\.plugins\org.eclipse.wst.server.core\tmp0 와 같은 임시폴더에 저장을 합니다.

 

이클립스 웹프로젝트 생성, 이클립스 웹프로젝트 실행, 이클립스 웹 프로젝트 만들기, Dynamic Web Project, 아파치 톰캣서버 연동, JSP 개발환경설정, 이클립스 JSP, 이클립스 HTML

 

크롬이나 익스플러로같은 브라우저에서 주소를 쳐서 톰캣서버가 제대로 작동하는지 테스트해 볼 수도 있지만, 이클립스 Run기능을 사용하면 바로 결과값을 이클립스 에디터에서 확인할 수 있습니다. 서버에 접속된 주소가 http://localhost:8080/TestServer/index.html로 프로젝트의 이름이 주소에 영향을 주는 것을 볼 수 있습니다.

 

 

위에서 웹 프로그램을 실행할 때 Available, Configured를 지정할 수 있다고 했는데, Server 탭에서 오른쪽 마우스 클릭 Add and Remove를 선택해도 이러한 작업을 수행할 수 있습니다. 작업을 할 때 필요한 것은 Configured에, 아닌 것은 Available로 이동시키면 되는데, 나중에 복잡한 프로그래밍을 할 때 필요하니 알아두세요.

 

출저 : http://withcoding.com/33

+ Recent posts