강의

멘토링

커뮤니티

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

suhwooms dev님의 프로필 이미지
suhwooms dev

작성한 질문수

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

쿠키/세션과 전체 로그인 흐름.

안녕하세요.

작성

·

267

0

안녕하세요 제로초님.

 

쿠키에 관련해서 질문 있습니다.

강의를 듣던 중 의문점이 생겼습니다.

1.
리액트와 같은 웹에서는 백앤드에서 쿠키에 토큰을 프론트 브라우저로 보내주면 개발자도구 Application탭에 쿠키에 토큰이 있는걸 볼 수 있잖아요? 만약 쿠키가 있으면 프론트는 백앤드에 요청을 보낼 때마다 자동으로? 쿠키를 포함 시켜 주잖아요?

 

그런데 리액트 네이티브와 같은 모바일 앱에서는 제가 알기로는 웹과 다르게 백에서 쿠키에 토큰을 프론트에 보내주어도

모바일 앱 프론트는 쿠키를 자동으로 백에 보내주지 못하는걸로 알고 있습니다. 그러면 프론트는 백으로 쿠키에 담겨져 있는 토큰을 어떻게 백앤드로으로 보내주게 되나요?

모바일 앱에서는 굳이 쿠키를 사용하지 않아도 되나요?

그 플로우가 궁금합니다!

2.

개발자도구에 있는 Application에 쿠키와

개발자도구에 Network에 있는 response Headers에 있는 Set-Cookie에 잇는 쿠키는 무엇이

다른건가요? 차이점이 무엇인지 궁금합니다!

답변 1

0

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

  1. 그 과정을 앱에서 직접 구현한다고 보시면 됩니다. 모바일 앱 저장소에 토큰을 저장해두고 요청 시마다 꺼내서 동봉해서 전송합니다.

  2. set-cookie에 들어있는 헤더를 보고 브라우저가 저장하는 겁니다. 그 결과를 application 탭에서 볼수있는 거고요.

suhwooms dev님의 프로필 이미지
suhwooms dev
질문자

감사합니다. 그러면 모바일 앱에서는 웹가 다르게 Application탭 쿠키에 자동으로 저장해서 매 요청시마다 쿠키를 자동으로 보내주는게 "불가능하여" 모바일앱 저장소에 저장해 두고 요청시마다 토큰을 모바일앱 저장소에서 꺼내어 req.header에 동봉해서 보내주는 거군요? 제가 이해한게 맞나요?....

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

네 맞습니다.

suhwooms dev님의 프로필 이미지
suhwooms dev

작성한 질문수

질문하기