Day9_#4_IntelliJ 스프링부트 MVC_Bye 요청 페이지 만들기

localhost:8080/hello

위 링크를 입력했을 때 "Nice to meet you, Xia :)"가 나오도록 만들었으면,

이번에는 hello 대신 bye를 입력했을 때 페이지가 나오도록 만든다.

 

---

 

위 링크로 접속하면 해당 요청을 받아줄 Controller가 없기 때문에

당연히 에러 페이지가 뜬다.

 

 

새로운 컨트롤러를 만드는 게 아닌

기존에 있던 hello 컨트롤러에 추가할거다.

 

---

 

앞전에 hello 페이지를 만들 때와 마찬가지로

Controller를 연결해줘야하기에

@GetMappint("/bye")

를 선언해주고

public String seeYouNext

를 선언해준다.

다음으로 보여질 View Template 페이지를 연결해줘야하는데

return "goodbye";

를 입력한다.

아직 goodbye.mustache 파일이 없어서

src → resources → templates 우클릭

New → Files

파일 생성 후 이름을 "goodbye.mustache"로 지어준다.

 

그럼 View Template 페이지 연결 완료.

 

---

 

이제 goodbye.mustache 파일에서

기본 html 코드를 작성해주고(doc 입력 후 Ctrl + Space)

<h1></h1> 사이에 원하는 문구를 입력하면 된다.

나는 "Good bye, Xia :("를 입력했는데

Xia가 아닌 변수에 따른 값을 출력하고 싶어서

mustache 변수를 선언해서 {{nickname}}으로 입력했다.

 

---

 

위의 {{nickname}}을 사용하려면

Controller 페이지에서 변수를 등록해야하는데,

seeYouNext() 메소드의 괄호 안에 변수를 입력해야하는데

변수를 등록해주는 Model을 입력해주고

그 아래에

model.addAttribute("nickname", "Xia");

를 입력해주면 연결 끝👍

 

---

 

이제 다시 메인으로 가서 서버를 재시작해주면

localhost:8080/bye

브라우저에서 정상적으로 출력되는 걸 확인할 수 있다.

 

끝👍