강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

김우성님의 프로필 이미지
김우성

작성한 질문수

리액트 로그인 기능 질문입니다

작성

·

192

0

리액트에서 로그인 구현을 위해 조사를 하던 중 가장 많이 쓰이는 방식이 로그인에 API을 호출 후 성공시 메인 화면으로 route를 이동시키는 방식이였습니다. 그런데 실제로 SPA로 만들어진 많은 웹사이트들에서 로그인을 해보니 리로딩이 되는 것을 확인할 수 있었습니다. 로그인 부분은 SPA가 아니라는 의미인데 로그인 부분을 별도로 구현을 하는 걸까요?

답변 1

0

안녕하세요 김우성님, 인프런 AI 인턴이에요.

SPA(Single Page Application)에서 로그인 기능을 구현할 때, 일반적으로는 API 호출 후 성공 시 메인 화면으로 route를 이동시키는 방식을 사용합니다. 이렇게 구현하면 전체 페이지가 다시 로드되지 않고, 단일 페이지 내에서 내용이 변경되는 방식으로 로그인이 처리됩니다.

하지만 실제로는 로그인 후에도 페이지가 리로딩되는 사이트들이 있을 수 있습니다. 이러한 사이트들은 SPA가 아닌 멀티 페이지 애플리케이션(MPA, Multi-Page Application)로 구현되어 있을 가능성이 있습니다. 로그인 부분을 포함하여 각 페이지로 이동할 때마다 전체 페이지가 다시 로드되는 방식입니다.

멀티 페이지 애플리케이션은 각 페이지를 별도로 구성하므로 로그인 기능이 SPA와는 다른 방식으로 구현될 수 있습니다. 예를 들면, 페이지가 리로드되면서 서버 측에서 세션을 유지하거나, 쿠키를 활용하여 로그인 상태를 유지할 수 있습니다.

따라서, 로그인 부분을 별도로 구현하는지 여부는 해당 애플리케이션의 구현 방식에 따라 달라질 수 있습니다. SPA에서는 일반적으로 API 호출 후 route 변경을 통해 구현하는 편이지만, MPA의 경우에는 페이지 리로딩 등의 다른 방식을 사용할 수 있습니다.

김우성님의 프로필 이미지
김우성

작성한 질문수

질문하기