리액트 리다이렉트 질문 있습니다

Question

안녕하세용.뉴비라 궁금한게 마구마구 생기네용 ㅎㅎ...로그인 성공 시 페이지를 이동 시킬 때 궁금한게 2가지 있습니다.js에서 location.href 로 이동시키는 것과 컨트롤러에서 리다이렉트 시키는 것이 무슨 차이인가 알아보다가,SPA 방식에서는 리다이렉트를 사용하면 성능상 조금이지만 비효율적이고,리다이렉트는 보안상 조금 더 이점이 있다고 하더라고용.1. 그럼 SPA 방식을 따르는 프론트 기술을 사용할 때,리다이렉트를 사용하지 않는건가요?아니면 그런건 그냥 회사 내규로 정해져 있나요?2. 컨트롤러에서 리다이렉트 시키려면, @ResponseBody를 붙일 수 없는데로그인 실패 시에는 실패 문구를 보통 보여주려면 @ResponseBody를 붙여야 되잖아요?그럼 아래 코드처럼 약간 편법?을 써서 하나요? 아니면 이것도 정석이 있나요?오히려 할 수 있는 방법이 너무 많아서 보통 어떤 식으로 하는 지 모르겠습니다...// 로그인 실패 시, 로그인 페이지로 리다이렉트redirectAttributes.addFlashAttribute("errorMessage", "Invalid username or password.");return "redirect:/login";

와플치킨 · Answer

SPA는 싱글페이지 어플리케이션이라서 프론트에서 라우팅을 하기때문에 앱내에서 이동하면 되고 리다이렉션하면 앱 전체를 다시 받아오기 때문에 성능만 나빠지기 때문에 하지 말라는 것입니다.ResponseBody 는 HTTP Body 에 결과값을 넣겠다는 것인데요. HTTP 프로토콜 구조에 대해 한번 봐두시면 좋습니다. 로그인 실패에 대한 결과값을 넣는 방식은 말씀하신대로 방법이 정말 많은데 최근에는 ajax로 호출해서 결과값만 Json으로 받는 방식을 많이 쓰는 것 같고 그때 ResponseBody로 보내면 그걸 파싱해서 결과에 맞는 에러를 유저에게 보여주면 되겠습니다.

더미 · Answer

서버에서 페이지이동하려면 @ResponseBody를 쓰지 않습니다. 아니면 얼럿을 보여주고 페이지이동하는거라면서버에서 이동하는게 아닙니다

리액트 리다이렉트 질문 있습니다

2개의 답변

Q&A 목록