인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

작성자 없음

작성자 정보가 삭제된 글입니다.

[리뉴얼] React로 NodeBird SNS 만들기

로그인 문제 해결하기

로그인 유지에 관한 질문이 있습니다!

작성

·

868

0

안녕하세요 제로초님!!

다름이 아니라 이번에 팀프로젝트를 진행 하기 전 한가지 의문이 들어서 열심히 구글링도 해보고 찾아보던중, 생각보다 명확하게 한 방법으로 나오지 않아서 혹시 제로초님이 추천해주시는 방법은 어떤 것인지 여쭤보려고 합니다!

1.  next.js 에서는 ssr을 통해 로그인 유지를 할 수 있는데, react로 진행하는 csr 프로젝트를 한다면 로그인 유지를 어떻게 하는 것이 나을지 궁금합니다!

2. 구글링을 해봤을 때는 localStorage를 많이 이용하는 것 같은데 이건 쿠키를 이용하는 것이 아닌 토큰을 이용하는 방법 같은데 제가 정확히 이해한 것이 맞는지도 궁금합니다

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

매 페이지 로딩 시 토큰이나 쿠키로 유저 정보를 불러오면 됩니다. localstorage에 토큰을 저장해서 많이 사용합니다.

간단하게 예를 들면

1. localStorage에 토큰을 하나 저장한다 ->

2. 전역상태 관리에서 토큰을 이용해 서버에서 로그인상태 확인을 해주고 토큰에 관한 유저정보를 받아오는 액션을 만든다. 

3. useEffect 혹은 index.js 에서 2번에서 만든 액션을 dispatch한다.

 

대강 이런 식의 진행이 맞을까요 제로초님??

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 맞습니다.

감사합니다!

 

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기