이클립스 jsp 프로젝트 만들기 (Dynamic Web Project)

요즘은 거의 웹 프로젝트를 스프링을 많이 사용하는데...

대학교 또는 회사 처음 들어가서는 JSP를 많이 사용하였습니다.

스프링 같은 경우 가벼운 웹을 구현 하기에는 무거워서 간단한 프로젝트인 경우 가끔 JSP로만 프로젝트를 작성할 때가 있습니다.

그래서 이번에는 이클립스에 JSP프로젝트를 만들어 보겠습니다.

먼저 이클립스의 Project Explorer에서 우클릭하여 New > Dynamic Web Project 를 눌러주세요.

해당 부분에 Dynamic Web Project 가 없으시면

아래를 참고하세요.

New > Project... 를 선택하시면 아래와 같은 팝업이 뜹니다.

Web > Dynamic Web Project 를 선택하고 Next를 눌러주세요.

프로젝트명을 적어주세요.

저는 간단히 WebTest 로 작성하였습니다.

작성하신 후 Finish 버튼을 눌러주세요.

그러면 왼쪽 Project Explorer에 WebTest 프로젝트가 생성된게 보이실 껍니다.

프로젝트 생성은 끝입니다. ㅋㅋ

이제 톰캣을 연동 시켜 보겠습니다.

Servers에서 우클릭 하시고 New > Server 을 선택하세요.

팝업이 뜨면 설치되어 있는 톰캣을 선택하시고 Server name에 다른 프로젝트와 구분 가능한 명을 입력하세요.

입력하신 후 Finish 버튼을 클릭하세요.

왼쪽 항목의 프로젝트를 선택하시고 가운데의 Add 버튼을 눌러서 오른쪽으로 이동시켜주세요.

위 사진 처럼요 ㅋㅋ

톰캣 Context path 를 설정하도록 하겠습니다.

설정하신 톰캣을 더블 클릭하시면 위와 같이 설정할 수 있는 화면이 보입니다.

아래 탭의 Modules를 클릭하세요.

Path를 선택하시고 Edit... 버튼을 눌러주세요.

기존 Path 에 적혀있는 경로를 지우고 OK 버튼을 눌러주세요.

그리고 Crtl+S 를 눌러 저장해 주세요.

이제 정상적으로 잘 되는지 간단한 html파일을 하나 만들어 보겠습니다.

프로젝트에서 파일을 만들고자 하는 위치에 우클릭 해서 New > HTML File 을 선택해 주세요.

팝업이 뜨면 File name 를 정해주세요.

저는 index.html로 작성 했습니다.

html 내용에 테스트 내용을 적어 주세요.

Servers 에서 구동하고자 하는 톰캣을 선택하시고 상단의 녹색 플레이 버튼을 클릭하시면 Console창에 톰캣이 구동 되는것을 확인 하실 수 있습니다.

정상적으로 잘 올라오면 브라우저에서 http://localhost:8080 를 주소창에 입력하시면 작성하신 html 내용이 보여지게 됩니다.

이번에는 jsp 페이지를 한번 만들어 보겠습니다.

폴더를 만들고 그 하위에 jsp 페이지를 작성하려 합니다.

프로젝트의 WebContent 폴더 에서 New > Folder 을 선택하세요.

폴더명을 적어주세요.

생성된 폴더에서 우클릭 하시고 New > JSP File를 선택하세요.

  JSP 파일명을 적고 나서 Finish 버튼을 클릭하세요.

JSP 내용 작성하시고 톰캣을 재구동 시켜주세요.

주소창에 생성하신 경로 (http://localhost:8080/calculate/cal.jsp) 를 브라우저에서 확인하시기 바랍니다.

간단히 JSP 프로젝트를 생성해 보았습니다.

제가 작성한 걸 참고하시어 나머지 페이지들을 추가해서 개발하시면 됩니다.