11. PRG(Post/Redirect/Get)

웹 브라우저의 ‘새로고침’은 마지막에 서버에 전송한 데이터를 다시 전송한다. 이것이 문제가 될 때가 있는데, 컨트롤러에서 비즈니스 로직 수행 후 뷰 템플릿으로 이동시키는 경우를 생각해보자.

출처: 김영한의 스프링MVC (인프런)

예를 들어 ‘상품 등록’을 한 이후 그 상품의 ‘상세페이지’로 바로 이동시킨다고 가정하면, 사용자가 ‘상세페이지’에서 새로고침을 누를 경우, 마지막에 수행한 작업인 ‘상품 등록’이 중복으로 수행되어버린다.

• 아래와 같이 코드를 작성할 경우 문제가 되는 것이다…

 @PostMapping("/add")
 public String addItemV1(@ModelAttribute Item item) {

     //상품 저장
     itemRepository.save(item);
     //뷰 템플릿으로 전송
     return "basic/item";

}

💭   ‘새로고침 문제’ 를 해결하려면 어떻게 해야 하지 … ?

💡   상품 등록 이후에 뷰 템플릿으로 이동시키는 것이 아닌, redirect 하도록 코드를 작성하면 된다 !

해답 !

출처: 김영한의 스프링MVC (인프런)

redirect 로 페이지를 이동하게 되면, 새로고침을 했을 때 마지막으로 수행한 작업이 GetMapping 이 되기 때문에 상품 등록이 중복으로 수행되는 문제를 해결할 수 있다.

• 다만 redirect 하게되면 request 영역의 데이터가 사라져버린다. 데이터를 유지할 필요가 있을 때는 RedirectAttributes 의 addAttribute 메서드를 사용하자.

• RedirectAttributes 는 pathVariable, 쿼리 파라미터까지 처리해 준다.

• 또한 가져갈 데이터를 일회성으로 사용하고자 하는 경우에는 addFlashAttribute 메서드를 사용할 수 있다. 여기 담아둔 값은 새로고침을 하면 휘발되어 사라진다.

 @PostMapping("/add")
 public String addItemV2(@ModelAttribute Item item, RedirectAttributes redirectAttributes) {
     //상품 저장
     Item savedItem = itemRepository.save(item);
     //redirect할 url에 새로 생성한 아이템 id를 파라미터로 넣기 위해 itemId 를 추가했다.
     redirectAttributes.addAttribute("itemId", savedItem.getId());
     return "redirect:/basic/items/{itemId}";

}