우아한 프로그래밍
article thumbnail

안녕하세요.

오랜만에 글을 또 쓰게되네요.

 

요즘 스프링을 활용하여 웹프로젝트를 구성하지만

처음에는 스프링이 낯설기 마련이죠

그래서 평범하게 이클립스를 활용하여

웹프로젝트를 생성하고 톰캣서버를 설정한 후

테스트 페이지를 만드는 방법에 대해서 글을 써보도록 하겠습니다.

 

 

이클립스를 실행해 주시기 바랍니다.

 

 

 

이클립스가 실행이되면

마우스 우클릭을 하고

[Dynamic Web Project]를 선택해주세요.

아 빨간 네모 치는것을 깜빡했군요.

 

 

선택을 하면 아래와같은 팝업상자가 나타납니다.

 

 

저 처럼 WebProject라고 입력하고

Next를 눌러줍시다.

 

 

자바 소스의 클래스 패스를 정하는 부분인데요.

기본 디폴트가 build\classes의 경로를 가지게 됩니다.

이 글을 보시는 분들은 초보학습을 하시는 것이기 때문에

이 부분을 건들 필요는 없을 것 같으니 Next로 과감히 넘어가 줍니다.

 

 

이건 Context Root를 정하는 부분인데요

Context Root란 Url부분에

http://127.0.0.1:8080/WebProject

저 빨간색 글자가 될 부분입니다.

테스트 용이기때문에 Next 로 넘어가도록 하겠습니다.

 

 

자 프로젝트가 생성이 완료되었습니다.

 

 

프로젝트를 쭉 열어보도록 합시다. 

그림을 보시면 WebContent라는 폴더가 존재하죠?

그 폴더가 웹루트 폴더가됩니다.

다시 말해 원격지에서 접속을 할때

http://127.0.0.1:8080/WebProject

이렇게 입력을 하고 뒤에 폴더명을 붙이게 됩니다.

 

 

 

자 이제 톰캣 서버를 등록해보록 하죠 아래 server탭을 선택해주세요

 

 

아래와 같은 팝업창이 뜹니다.

톰캣버전을 선택하고 Next를 눌러줍시다.

톰캣버전은 사용하는 자바버전에 따라서 유동적으로 선택해주시기바라며

대체적으로 자바 버전에 따라서 선택하시면 괜춘합니다.

예를 들어 JDK 1.8이다 그러면 Tomcat 1.8을 선택하는 것처럼요!

 

 

자 저는 자바1.8이기 때문에 톰캣 1.8을 선택하고 Next를 누르도록 하겠습니다.

 

 

아래 보시면 Browse라는 것이있죠 저 부분에서 톰캣의 경로를 찾아서 입력해줍시다.

그리고 Next

 

그리고 이제 내가 만든 프로젝트를 톰캣컨테이너안에 집어넣는 부분인데요

WebProject를 클릭하고 Add버튼을 눌러서 Configured 부분으로 옴겨줍시다.

 

 

옴긴것이 확인됬으면 Finish버튼으로 닫아줍시다.

 

 

자 그럼 아래처럼 들어가면 톰캣에 내 프로젝트가 올라간 것을 확인 할 수 있습니다.

 

 

자 이번엔 테스트 페이지를 작성하기 위해

WebContent에 우클릭을하고 Other를 눌러주세요.

 

 

그리고 JSP를 검색하고 Next를 눌러줍시다.

 

 

그리고 경로는 WebContet 하위겠죠?

index.jsp라고 입력하고 Finish버튼을 눌러주세요.

 

 

생성한 index.jsp페이지를 더블클릭하고

아래 그림처럼 테스트입니다. 라고 입력해봅시다.

 

 

그리고 server탭에서 서버에 우클릭을 하고 Start버튼을 눌러봅시다.

 

 

정상적으로 서버가 시작되었습니다.

 

 

그 다음 웹브라우저를 실행시킨 다음 그림과같이

http;//127.0.0.1:8081/WebProject 라고 입력해보세요

아래 그림처럼 나올것입니다. 저는 모듈탭에서 포트를 8081로 변경하였습니다.

여러분들은 기본값인 8080을 입력하시면됩니다.^^

profile

우아한 프로그래밍

@자바조아!

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!