티스토리 뷰

728x90
반응형
자 이제 JDK와 톰캣, 그리고 이클립스를 설치하였으니 이클립스로 Hello World를 출력하는 웹어플리케이션 예제를 만들어보겠습니다.

이클립스를 실행합시다



프로젝트가 저장되는 경로를 설정하세요.

일단 테스트로 개발해볼것이니 기본경로를 선택하셔도 됩니다.




이클립스가 실행되면 다음과 같은 화면이 나타납니다.





여기서 제일 우측의 Workbench를 선택하세요.

자 이제 웹프로젝트를 만들어 봅시다.




우리는 웹프로젝트를 개발할 것이기 때문에

File → New → Dynamic Web Project를 선택하세요.




그러면 다음과 같이 새 창이 열리는데 여기서

우리가 실행환경으로 쓸 톰캣서버를 등록해야합니다.

두번째 항목인 Target Runtime에서 New를 클릭합니다.



그리고 나타난 목록에서 우리가 설치했던 Apache Tomcat v5.5를 선택하고 NEXT





여기서 톰캣이 설치된 경로를 설정해주어야 합니다.

Browse를 클릭합니다.





기본경로로 설치하였기 때문에 Program Files → Apache Software Foundation → Tomcat 5.5 폴더를 선택해주시면 됩니다.

다른 경로에 설치하셨다면 설치한 경로를 선택하세요.



자 이제 finish





다른 항목은 건드릴 것이 없고

가장 상단의 Project name을 적습니다.

test라고 적어보겠습니다.


Project Explorer를 보니 방금 생성한 test 프로젝트가 보이는 군요.

트리를 열어보니

WebContent 폴더도 보이고 그 하위에 META-INF, WEB-INF폴더가 보이는군요.

WEB-INF폴더에는 lib폴더와 web.xml 파일이 보입니다.




혹시 위와 같은 구성이 안보이는 경우에는(이러한 구성을 perspective라고 부릅니다)

이클립스의 우측상단의 Java EE를 선택하시면 됩니다.



그럼 이제 jsp 파일을 생성하여 hello world를 출력해보겠습니다.

좌측의 트리에서 WebContent 폴더를 마우스 우측 클릭하여

New → JSP 를 선택합니다.



그리고 filename에 index.jsp 라고 적고 NEXT



템플릿 설정이 나오는데 일단 가장 기본적인 New JSP File(html)을 선택합니다.




finish를 누르면 선택한 템플릿이 자동 입력되어 파일이 열립니다.


여기에 Hello world를 입력해보세요.

자 이제 웹브라우저를 통해서 정상적으로 hello world가 보이는지 확인을 해야할 차례입니다.



이클립스의 하단을 보면 다음과 같은 탭 모음이 있습니다.

여기에서 Servers를 선택하세요.



현재는 목록에 아무것도 없지요?

자 여기에 톰캣을 등록해야합니다.

하얀 빈 공간에 마우스 우측을 클릭합니다.



그리고 New → Server 를 선택합니다.



새로 나타난 창에 좌측에 내가 개설한 test 프로젝트가 보이는군요.

그리고 우측에는 빈공간이 있고요.

자 이제 이 test프로젝트를 오른쪽에 추가해야합니다.

test 프로젝트를 선택하고 add 버튼을 누르세요.



프로젝트가 우측으로 이동된것을 볼수 있습니다.




그리고 finish를 누르면

하단의 Servers 탭에 새로운 항목이 추가된것을 볼수 있습니다.

그런데 State를 보니 Stopped라고 나와있네요.

이것을 실행시켜 봅시다.






시선을 조금 위로 올려보면 톰캣을 실행시키는 플레이 버튼이 보이는군요.

이것을 클릭하면 state가 started로 변경됩니다.



자 이제 준비가 완료되었습니다.

그럼 이제 브라우저에서 확인해볼까요?

브라우저를 띄운후에

http://localhost:8080/test/

를 입력합니다.

우리가 설치한 톰캣의 기본포트가 8080으로 설정되어 있기때문에 :8080을 붙여주고

우리가 만든 프로젝트가 test 이기때문에 그 뒤에 /test를 붙여주어야 합니다.

index.jsp 라고 써주셔도 무방하지만, 안적어도 기본적으로 index.jsp 파일을 열게 됩니다.



톰캣설정에서 포트를 80번으로 변경하게되면

:8080을 붙일필요가 없고

또한 프로젝트 생성시 Context Root를 수정하여 /test 없이 루트 경로로 접근할수도 있습니다.




Hello world가 잘 보이는군요.

모두들 수고하셨습니다~!
728x90
반응형
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함