[스프링 MVC] - 18. Redirect / Post -> Redirect -> Get

 

 

리다이렉트란 말 그대로 re(다시) + 지시하다(direct) 다시 지시하는 것입니다.

 

예를 들어 브라우저가 www.test.com/page1 URL을 웹 서버에 요청했습니다.

 

서버는 HTTP 응답 메시지를 통해 "www.test.com/page2 로 다시 요청하세요~"

 

라고 브라우저에게 다른 URL(길, 방향) 을 지시할 수 있습니다.

 

 

 

 

 

POST 등록 후 새로 고침

 

 

웹 브라우저의 새로 고침은 마지막에 서버에 전송한 데이터를 다시 전송한다.

상품 등록 폼에서 데이터를 입력하고 저장을 선택하면 POST /add + 상품 데이터를 서버로 전송한다.

이 상태에서 새로 고침을 또 선택하면 마지막에 전송한 POST /add + 상품 데이터를 서버로 다시 전송하게 된다.

그래서 내용은 같고, ID만 다른 상품 데이터가 계속 쌓이게 된다.

 

이 문제를 어떻게 해결할 수 있을까? 

 

 

POST, Redirect GET

 

웹 브라우저의 새로 고침은 마지막에 서버에 전송한 데이터를 다시 전송한다.

새로 고침 문제를 해결하려면 상품 저장 후에 뷰 템플릿으로 이동하는 것이 아니라,

 

상품 상세 화면으로 리다이렉트를 호출해주면 된다.

웹 브라우저는 리다이렉트의 영향으로 상품 저장 후에 실제 상품 상세 화면으로 다시 이동한다.

 

따라서 마지막에 호출한 내용이 상품 상세 화면인 GET /items/{id} 가 되는 것이다.

 

 

@PostMapping("/add")
public String addItem(@ModelAttribute("item") Item item) {
    itemRepository.save(item);
    // model.addAttribute("item",item);
    return "redirect:/basic/items/" + item.getId();
}

 

 

 

 

 

 

 

RedirectAttributes

 

RedirectAttributes 를 사용하면 URL 인코딩도 해주고, pathVarible , 쿼리 파라미터까지 처리해준다.

 

@PostMapping("/add")
public String addItem(@ModelAttribute("item") Item item,
                      RedirectAttributes redirectAttributes) {
    Item savedItem = itemRepository.save(item);
    redirectAttributes.addAttribute("itemId",savedItem.getId());
    redirectAttributes.addAttribute("status", true);
    return "redirect:/basic/items/{itemId}";
}

 

pathVariable 바인딩: {itemId}

나머지는 쿼리 파라미터로 처리: ?status=true

 

 

<h2 th:if="${param.status}" th:text="'저장 완료!'"></h2>

 

th:if : 해당 조건이 참이면 실행

${param.status} : 타임리프에서 쿼리 파라미터를 편리하게 조회하는 기능

 

 

 

 

 

 

 

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-1/dashboard

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 - 인프런 | 강의