본문 바로가기
  • 컴공생의 공부 일기
  • 공부보단 일기에 가까운 것 같은
  • 블로그
Club|Project/이대솔브닥웹사이트 - 뀨엘 | Frontend(React,Next.js)

📊 뀨업 : 2차 릴리즈 준비 - 회의 4 : 리프레시 쿠키용 https aws 로드밸런서(인증서,라우터) 설정

by 정람지 2025. 1. 25.


📊 TODO

저번주 TODO

정은체 
소은이 api 리프레시 기능 연결(쿠키해결
실제 데이터로 수식 테스트해보고 미세 조정 

히언
일별 이화여대 푼 문제 개수/순위 저장 기능
DB 설계 / ERD 작성
빌드 후에 도커 컨테이너를 삭제할 수 있는 방법 찾기


소은
리프레시 기능 CORS 해결하기 
예외 처리
DataCrawling migration 
페이지네이션

 

이번주 TODO

정은체 
프론트 HTTPS 달기
리프레시 로직 완성하기
실제 데이터로 수식 테스트해보고 미세 조정 
일별 추이 그래프 만들어 보기
릴리즈 노트 올리고 / 인스타 게시물 올리기

히언
백엔드 HTTPS 달기

일별 이화여대 푼 문제 개수/순위 저장 기능
DB 설계 / ERD 작성
빌드 후에 도커 컨테이너를 삭제할 수 있는 방법 찾기


소은
리프레시 쿠키 이슈 해결
예외 처리
DataCrawling migration 
페이지네이션

📊 리프레시 기능 : cors 해결하기

쿠키를 받으려고

withCredentials: true

허용 설정을 했더니

 

모든 api 데이터가 안 받아와졌다..

위 코드랑 아래 코드랑 똑같은데 왜 안되지???하면서 생각해봤더니 withCredentials가 다름

instance 분리를 일단 해서 리프레시/로그인 api 만 true로 설정


* 전체허용 Credentials 모드가 안 된다고 ;;;자꾸 떠서

 

Access-Control-Allow-Origin 이 *로 되어 있슴

근데 localhost:3000으로 소은이가 열어줬는데....

 

소은이 화이팅 ㅠ

재배포 N번..

뭔가 필터?부에서 처리를 해줬다고

 

와!!!! 로그인 및 리프레시 성공!!!

 

Credentials도 잘 날아옴ㅠㅠ

 

쿠키도 잘 먹힘ㅠㅠ


는 바로 절망..

리프레시가 안 돼..왜지

포스트맨으로는 잘 날아가는데...

그리고 성공한 줄 알았던 로그인 부분도

로그인하고-> 리프레시 리다이렉트로 리프레시까지 한번에 처리돼야 하는데 

로그인까지만 된 듯,,,

 

휴...

 


1. 로그인 기능 리프레시가 안 됨
2. 리프레시 기능이 통신상 안 먹힘

엇,, 아예 요청에 쿠키가 안 끼워져 날아가는데?

 

 

 

충격에 횡설수설

 

아하..왜 아무도

Cross-Origin 환경에서 쿠키를 이용한 api 통신을 하려면 https가 필요하다는 사실을 알려주지 않은 거지,,

쿠키가 Cross-Origin 요청에서 동작하려면 *SameSite=None*로 설정되어야 함
=>
SameSite=None 쿠키는 반드시 Secure 속성이 설정되어야 함
=>
Secure 속성은 HTTPS 환경에서만 쿠키를 전송하도록 제한
=>
따라서, 도메인이 다른 프론트와 서버 환경에서 쿠키를 사용하려면 HTTPS가 필수

 

HTTPS 설정하기

junggoldchea@gmail.com

AWS 이메일!!!

이거 배포한 계정 뭔지 몰라서 한참 헤맸네

프리티어 중독으로 수만 개의 계정을 생성한 자의 말로

 

1. Route 53에 Domain 적용 후 NS 등록

2. AWS Certificate Manager(ACM)으로 SSL 인증서 발급

3. 로드 밸런서를 사용하여 Https 적용

 

 

뭔가..뭔가 했는데

DNS 전파 시간 때문에 맛이 간 것이라고 믿겠다..

 


 

CORS 쿠키 지옥