웹페이지 연동

1. 라이브러리 받기

• pom.xml에 dependency 추가!

		<!-- web을 사용하게 해줌. 크롬에서 접속가능하게 -->
        <dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<!-- web server 실제로 web을 크롬에서 오는 주소를 인식해서 표시해주는-->
		<dependency>
			<groupId>org.apache.tomcat.embed</groupId>
			<artifactId>tomcat-embed-jasper</artifactId>
			<scope>provided</scope>
		</dependency>

        <!-- 소스코드가 변경되면 tomcat을 자동으로 재시작 시켜줌-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<scope>runtime</scope>
			<optional>true</optional>
		</dependency>
        
        <!-- jsp에서 사용하기 위한 반복문 도우미같은거 -->
        <dependency>
  	        <groupId>org.springframework.boot</groupId>
	        <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2. 환경설정

• application.properties
• 재시작 필수

# 포트번호 설정
server.port=8080

# devtools 설정
spring.devtools.livereload.enabled=true

# jsp 위치 설정
spring.thymeleaf.prefix=classpath:/templates/
# jsp 확장자 설정
spring.thymeleaf.suffix=.jsp

3. controller 생성

• controller/HomeController.java

1. @ResponseBody 지우고,
2. return "jsp파일명";
   : 해당 웹페이지가 뜬다.
   : 확장자명 필요없음

// Controller = 주소를 쳤을때 웹페이지와 일치시키는 역할
@Controller
public class HomeController {

    // 127.0.0.1:8080/home
    @GetMapping(value = "/home")
    public String homeGET() {
        return "home";        
    }

    // 127.0.0.1:8080/join
    @GetMapping(value = "/join")
    public String joinGET() {
        return "join";
    }    
}

4. jsp 생성

• resources/templates/
• 확장자가 .jsp인것만 인식
  

5. 실행

• Boot20220225Application.java

1. Run을 하면 서버가 돌아가고,
2. 크롬에서 해당 서버에 접속 시 웹페이지가 뜨도록 설정
   : 웹페이지 = jsp파일
   

@SpringBootApplication
// 임의로 만든 컨트롤 파일(Controller) 가져오기(위치설정)
@ComponentScan(basePackages = { "com.example.controller" })
public class Boot20220225Application {

	public static void main(String[] args) {
		// 실행시키면 서버가 돌아감 -> 서버 = Tomcat
		SpringApplication.run(Boot20220225Application.class, args);
		System.out.println("Hello World!");
	}
}