본문 바로가기

개발&컴퓨터/개발강좌

이클립스 기초 실습 - JSP 페이지 만들고, 웹 페이지 띄우기 (4)

반응형

지난 번 강좌에 이어 바로 JSP 파일을 생성하고, 톰캣 서버를 로컬 호스트로 실행시킨다음에, 웹 페이지를 띄워보는 작업을 진행하도록 하겠습니다. 

 

1. JSP 파일을 생성합니다.

 

 바로 전 강좌에서 생성한 웹 프로젝트에서 WebConent 폴더를 마우스 우측 버튼 클릭하여 선택하면 컨텍스트 메뉴가 뜹니다. 여기서 [New-JSP File] 메뉴를 선택합니다.

 

 

 

 

 파일 이름을 입력합니다. 여기서는 jspworld.jsp 이름으로 파일을 생성하였습니다.

 

 

 

 

2. JSP 파일 내용을 작성합니다.

 

좌측의 Project Explorer 탭에서 WebContent 폴더 하위에 jspworld.jsp 파일이 생성된 것을 확인하실 수 있습니다. 우측에는 jspworld.jsp 파일 내용이 표시되고 있습니다. 내용이 표시되지 않으면 좌측의 jspworld.jsp 파일을 더블클릭하여 선택하시면 내용을 보실 수 있습니다.

 

 

 

 

화면에 'Hello! JSP World!' 라는 메시지를 보여주려고 합니다.

그러면 <body></body> 영역에 넣어주면 되겠죠?^^ 내용을 <body> 태그 내에 입력하였습니다.

 

이제 파일을 저장합니다.

 

 

 

 

3. 프로젝트에 톰캣 서버를 연결하기

 

JSP 파일 작업이 간단히 끝났습니다. 이제 이 파일을 웹 페이지로 띄우려면 웹 서버가 필요합니다. 우리는 이전 강좌에서 이미 아파치 톰캣 서버를 사용하기 위한 준비작업을 모두 마쳤습니다.

 

이클립스 화면 하단의 탭들중에 Servers 탭을 선택합니다.

그리고 빈 영역에 커서를 두고, 마우스 우측 버튼을 클릭하면 뜨는 컨텍스트 메뉴에서 [New - Server]를 선택합니다.

 

 

 

이 프로젝트를 위해 사용할 서버를 선택하고 선택하고, 이 프로젝트에 연결된 서버가 무엇인지, 다른 프로젝트와 구분하기 위해 Server name 을 설정합니다.

 앞서 톰캣 서버 7.0을 다운받아서 세팅하였으므로, 'Tomcat v7.0 Server'를 선택하였습니다. Server name은 일단 기본 값으로 그대로 두었습니다. 원하시는 이름으로 바꾸시면 됩니다. [Finish] 버튼을 클릭합니다.

 

 

 

 새 서버가 생성되었습니다. Tomcat v7.0 Server at localhost 라는 이름 그대로 생성되었습니다.

 하지만 새 서버만 생성되었을 뿐, 이 서버를 사용할 프로젝트가 연결되지 않았습니다.

 

 

 

 해당 서버에 커서를 두고 마우스 우측 버튼을 클릭하면 뜨는 컨텍스트 메뉴에서 [Add and Remove...] 메뉴를 선택합니다.

 

 

 

 Add and Remove 다이얼로그에서는 이 서버를 통해서 실행시킬 프로젝트를 선택할 수 있습니다. 현재 우리는 이 이클립스에서 JSPTest 라는 프로젝트 밖에 생성하지 않았으므로 Available 영역에 JSPTest 프로젝트 하나만 표시됩니다.

 JSP Test 프로젝트를 선택하고, [Add] 버튼을 클릭합니다.

 

 

 

JSPTest 프로젝트가 Configured 목록으로 이동하였습니다. 이제 해당 서버는 JSPTest 프로젝트를 구동하기 위한 서버가 되었습니다.

 

 

 

4. 톰캣 서버 구동하여 웹 페이지 띄우기

 

 이제 서버를 띄우도록 하겠습니다.

 그에 앞서 수정된 파일들을 저장하고, 실제 작업 파일 내용과 서버에서 구동할 파일이 동기화될 수 있도록 Publish 메뉴를 선택합니다.

 (사실 이 과정은 불필요할 수도 있습니다. 왜냐하면 바로 다음에 실행할 Debug 메뉴를 선택하면 Debug 에 앞서서 Publish 를 해주기 때문입니다.)

 

 

 

 이제 Debug 메뉴를 선택하여 톰캣 서버를 실행시킵니다. Debug 모드를 선택한 이유는 개발 과정에서 디버깅을 위한 용도로 서버를 띄우는 동작입니다. 일반적인 서버 구동보다 Console 창에 뜨는 내용도 많고, 구동 시간도 조금 더 오래걸립니다.

 만약 디버깅을 위한 것이 아니라 단순히 페이지만을 띄우기 위한 것이라면 Debug 메뉴 바로 아래에 있는 Start 메뉴를 선택하여 톰캣을 실행하여도 무방합니다.

 즉 Debug와 Start 는 모두 톰캣 서버를 구동시켜 줍니다.

 

 

 

 서버가 정상적으로 구동되었다면 Servers 탭에 있는 Tomcat 서버 정보가 [Stopped, Synchronized] 에서 [Debugging, Synchronized] 로 바뀝니다.

 이제 웹 페이지가 정상적으로 뜨는지 한 번 확인해 볼까요?

 

 데스크탑에 있는 웹 브라우저(크롬이나 IE)를 실행시켜 다음 주소를 입력합니다.

 

 http://localhost:8080/JSPTest/jspworld.jsp

 

 아래와 같이 JSP 페이지가 잘 뜨시는지요?^^

 



 

 

 특별하게 어려운 점은 없고, 잘 따라하셨다면 위와 같은 반가운 페이지를 만나실 수 있으셨을 것입니다.^^

 

 혹시나 JSP 페이지가 제대로 뜨지 않거나 진행 과정에 있어서 궁금한 사항이 있으시면 댓글 달아주세요! 성심성의껏 답변 드리도록 하겠습니다.^^

 

반응형