스프링부트 시작부터 JSP 설정 실행까지 정리글

해당 글은 스프링부트 웹 프로젝트 생성부터

작성한 JSP 파일을 인터넷으로 확인하는 과정인데

 

먼저 스프링부트가 이클립스에 설치되어 있지 않다면

아래 글을 참고해서 설치해 주고

이클립스에 스프링부트 설치방법

우클릭 > New > Project를 눌러주자

 

이후 Spring Starter Project를 선택한 후

바로 Next를 눌러주고

 

Web > Spring Web을 선택해 준 후 Finish를 눌러준다

 

위와 같은 방법으로

스프링부트 웹 프로젝트를 만들었을 경우의 프로젝트 구성인데 

src > main 아래에

webapp

WEB-INF

jsp

폴더 순으로 안에 차례대로 만들어 주고

 

jsp 폴더 안에 사용할 jsp 파일을 넣어준다

 

다음은 application.properties 파일을 연 뒤에
아래 코드를 복사 붙여넣기 해 주자

spring.mvc.view.prefix: /WEB-INF/jsp/
spring.mvc.view.suffix: .jsp

다음으로는 pom.xml 파일을 연 뒤에

<dependencies> </dependencies> 안에

jsp용 dependency에 해당하는 아래 내용을 복사 붙여넣으면 된다

		<dependency>
		    <groupId>javax.servlet</groupId>
		    <artifactId>jstl</artifactId>
		</dependency>
		 
		<dependency>
		    <groupId>org.apache.tomcat.embed</groupId>
		    <artifactId>tomcat-embed-jasper</artifactId>
		    <scope>provided</scope>
		</dependency>

다음은 com.example.demo 패키지 안에

DemoController.java 파일을 만들고(이름은 자유)

다음과 같은 내용을 넣어준다

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class DemoController {
	
    // http://localhost:8080/ 으로 접속 시
    @RequestMapping("/")
    public String welcome() {
        return "welcome";
    }
    
    // http://localhost:8080/test 로 접속 시
    @RequestMapping("/test")
    public String test() {
        return "test";
    }    
    
}

@RequestMapping("/값") 코드는

/값 경로로 들어올 경우

값에 해당하는 jsp를 열어준다는 내용인데

 

/만 입력되어 있는 경우는

localhost:8080 으로 들어왔을 때를 말한다

 

다음은 실제 테스트에 사용할 jsp를 

src > main > webapp > WEB-INF > jsp 폴더 안에 넣어주면 된다

 

스프링부트에는 톰캣이 내장되어 있기 때문에

따로 톰캣을 연결할 필요가 없다

 

실행을 위해서 이클립스 상단 실행 부분에서

DemoApplication을 실행해 주자

 

이후 크롬에서 localhost:8080 , localhost:8080/test 로 접속 시

작성했던 jsp 파일들을 확인할 수 있는 것이 보인다

 

마지막으로 위와 같이 Whitelabel Error Page가 뜨는 경우에는

100% /값이 존재하지 않는 값이거나

위와 다르게 설정한 경우인데

 

예제에 사용한 스프링부트 프로젝트는

아래 demo.zip 파일을 다운받은 뒤

demo.zip

0.06MB

이클립스에서 Import projects > General > Existing Projects into Workspace

선택 후 Next를 누르고

 

압축을 푼 demo 폴더 째로 선택해주면 된다

 

이후 finish를 눌러주면

예제에 사용한 것과 동일하게 사용이 가능하다