어떤 페이지에서 무언가 버튼을 클릭해서 다른 페이지에 접속했을 때, 그 전 페이지로 돌아가는 뒤로가기 버튼을 추가하고 싶었다.
위의 사진에서 "뒤로가기" 버튼을 구현하고 싶었단 뜻이다.
1. <a href="javascript:history.back();">
뒤로가기 버튼을 구현하는 방법을 검색했을 때 가장 많이 볼 수 있었던 추천이다. 자바스크립트 함수를 이용해 브라우저 기록 실제로 크롬의 '뒤로가기'버튼과 같은 기능을 한다. back() 함수를 forward() 함수로 바꿔서 앞으로 가기를 구현할 수도 있고, go(int number)로 바꿔서 number 만큼 앞의 페이지, 혹은 뒤의 페이지로 가게 할 수 있다.
앞으로 가거나 뒤로 갈 페이지가 없는 경우 null이되고, 이 경우 버튼이 클릭되지 않는다.
2. request.getHeader("referer)
@GetMapping("/back")
public String getBackButton(HttpServletRequest request,
Model model) {
model.addAttribute("backURI",
request.getHeader("REFERER"));
return "backBuutton.html";
}서블릿 리퀘스트의 헤더에 referer 항목에는, 해당 request를 보내기 전 클라이언트가 존재했던 페이지의 URI를 담고 있다. a 페이지에서 b 페이지로 이동하는 버튼을 눌렀을 때 a 페이지의 URI가 담긴다는 것이다.
그 전 페이지가 없을 때, 즉 브라우저에서 직접 URL을 치고 들어올 경우 실험해보니 해당 페이지의 URL이 담기는 모양이다.
