inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

249

김용

작성한 질문수 6

0

안녕하세요. 제가 구름 ide를 통해 github react-nodebird의 tool-kit을 실행시켜봤는데, 쿠키가 전달이 잘 안되는 것 같습니다.

getServerSideProps로는 loadMyInfo가 잘 실행되지 않고 loadPosts만 정상 작동하며, loadMyInfo는 useEffect안에 넣었을 때만 로그인 이후에 새로고침을 했을 경우 내 정보를 정상적으로 받을 수 있었습니다.

제가 고민을 해본 결과 구름 ide에서 제공하는 도메인이 https라서 그러지 않을까 라고 생각했습니다.

만약 https라면 백엔드에서 코드를 어떻게 변경 시켜줘야하는지 알 수 있을까요? 현재 소스 코드는 react-nodebird toolkit 폴더와 backend, frontend 모두 동일합니다!

redux express react nodejs Next.js

답변 1

0

제로초(조현영)

지금 프론트서버랑 백엔드 서버 둘 다 구름ide이신 건가요? 프론트 서버랑 백엔드 서버는 도메인이 동일한가요? express-session에서 secure: true와 domain에 백엔드 도메인을 넣으신 게 맞나요?

0

김용

네 지금 프론트서버랑 백엔드 서버 둘 다 구름 ide맞고, 서버 도메인은 다릅니다. (서로 다른 컨테이너에서 서버를 실행했습니다.)

express-session은 cookie 부분을 secure을 false, true로 각각 해도 새로고침을 할 경우 로그인이 풀리는 증상은 같았는데, false로 할경우 새로고침을 하고 로그인이 풀렸을 때 다시 로그인을 할경우 로그인 하지 않은 사람만 접근할 수 있다는 메세지가 뜨고 true로 할 경우에는 다시 로그인이 정상적으로 이루어졌습니다.(새로고침이 되면서 로그아웃도 같이 되는 것 같습니다.)

0

제로초(조현영)

일단 프론트서버->백엔드서버로 쿠키 전달이 제대로 안 되는 것입니다. axios.defaults.headers.cookie 부분 getServerSideProps에 제대로 되어있나요?

0

김용

image네 이렇게 toolkit 그대로 사용했습니다!

0

제로초(조현영)

프론트랑 백엔드 서버 도메인이 달라 브라우저->프론트서버로 전달이 안 되는게 제일 문제인 것 같네요. 보통 이런 경우는 쿠키 대신에 토큰 로그인으로 합니다.

0

김용

그럼 쿠키가 잘 전달이 안 되는게 https인데 프론트엔드와 백엔드 서버의 도메인이 다르기 때문이라고 이해하면 될까요?

0

제로초(조현영)

지금 브라우저에서 쿠키 탭을 봐보시면 어떤 도메인의 쿠키가 저장되어있는지 보실 수 있습니다. 아마 백엔드 도메인일 것 같은데요.

0

김용

확인해 보니까 프론트 쿠키로 되어있는 것 image같아요

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

198

1

특정 페이지 접근을 막고 싶을 때

0

117

2

createGlobalStyle의 위치와 영향범위

0

104

2

인라인 스타일 리렌더링 관련

0

98

2

vsc 에서 npm init 설치시 오류

0

159

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

164

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

359

1

url 오류 질문있습니다

0

218

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

391

1

sudo certbot --nginx 에러

0

1295

2

Minified React error 콘솔에러 (hydrate)

0

481

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

257

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

341

1

npm run build 에러

0

526

1

front 서버 npm run build 중에 발생한 에러들

0

399

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

351

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

291

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

251

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

207

1