• 프론트 코드 출처

  https://github.com/steve-developer/fastcampus-springboot-introduction/tree/master/10.%20%EB%84%A4%EC%9D%B4%EB%B2%84%20%EC%A7%80%EC%97%AD%EA%B2%80%EC%83%89%20API%EB%A5%BC%20%ED%99%9C%EC%9A%A9%ED%95%9C%20%EB%A7%9B%EC%A7%91%20List%20%EB%A7%8C%EB%93%A4%EA%B8%B0

1. Project에 Front View 연결

• html, css, js 등의 파일은 main의 resource에 있는 static, templates 폴더에 위치 한다
  • static 폴더에는 JS, CSS, Image 등의 파일을 저장
  • templates 폴더에는 html 파일을 저장한다
    

01. Page Controller 추가

• Class : PageController
• controller / PageController.java
  • ModelAndView
    • DisPatchServelt에 의해 처리될 뷰를 직접 지정할 수 있고 Model(entity)부분에 있는 데이터를 전달 할 수 있도록 해주는 클래스
    • 컨트롤러의 처리결과를 보여줄 뷰와 전달할 값을 저장할 용도로 사용

package com.example.restaurant.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
@RequestMapping("/pages")
public class PageController {

    @GetMapping("/main")
    public ModelAndView main() {
        // template 하위의 경로,
        // 만약 main.html이 template.html/main.html 이라면 new ModelAndView("html/main")이 된다
        return new ModelAndView("main");
    }
}

• 만약 화면이 깨진다면 html 파일 하단에 있는 main.js를 경로를 확인!!!