웹페이지 동작 원리 client <--> server

localhost : 주소
8080 : port 번호
/hello.html : resources파일에서 hello파일을 찾아서 보여줌

브라우저가 클라이언트고 스프링부트가 서버를 수행

서버는 모델, 뷰, 컨트롤러의 세가지 일을 한다.
model + view + controller

MVC 패턴 이해하기.

view templates = 화면을 담당하는 기술

웹페이지는 하나이고 변수에 따라 수많은 페이지로 바뀔 수 있는데,
스프링에서는 mustache가 해당 기술을 실행한다.

뷰 템플릿에는 controller(logic), model(data)가 있고 따라서 MVC 패턴으로 불림.

1. mustache 플러그인 설치
   mustache를 사용하기 위해서는 mustache 플러그인을 설치해야 한다.

2. html 코드의 mustache 파일 생성
   플러그인 설치 후 resources> templates 폴더에 mustache파일 생성 후
   "doc" + tab 를 통해 html 기본 코드 완성한다.

3. 컨트롤러
   뷰 템플릿 페이지를 보기위한 컨트롤러가 필요하다.
   컨트롤러는 src > main > java > com.example.패키지 에 controller 패키지에 controller 자바 클래스 생성.

mustache 문법

{{변수}} //mustache 파일에 페이지 변수 삽입
변수값마다 페이지에 출력시키는 문법이다.

controller 문법

@Controller
@GetMapping("/사용할 url 이름") //접속할 url 연결 요청
return "페이지명"; //응답 페이지 설정

모델 추가는 컨트롤러에서 파라미터로 추가한다. ( Model(org.springframework.ui) model)
변수 등록은 model.addAttridute()

//controller 클래스의 메소드 코드

@GetMapping("/hi")
    public String niceToMeetYou(Model model){
        model.addAttribute("username","만두");

        return "greetings";
        

브라우저의 url을 통해 "/hi"의 요청을 받으면 nicetoMeetYou 메소드를 실행한다.

정리하면..

Controller가 "@GetMapping"을 통해 요청을 받고 메소드를 실행한다.
메소드의 return으로 View 페이지를 지정하여 보여준다.
보여질 View의 변수가 있다면 Model을 통해 등록 가능하다.