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

📊 뀨업 : 2차 릴리즈 준비 - 회의 7: 찐 세미로그인/리프레시 기능 완성

by 정람지 2025. 2. 15.

컴퓨터 옷입니다.


📊 TODO

이번주 TODO

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


히언
VPC 돈나가는 이유 알아내기

클라우드워치 잘 해제했는지 확인
프엔에서 백엔 접근 안되는 문제가 클라우드 문제는 아닌지 확인

소은
리프레시 쿠키 이슈 해결 🔥
예외 처리
페이지네이션
브로큰 파이프 문제 해결 
일별 이화여대 푼 문제 개수/순위 저장 api

 

 

다음주 TODO

정은체 
- 리프레시 로직 완성하기🔥
- 실제 데이터로 수식 테스트해보고 미세 조정 
- 일별 추이 그래프 만들어 보기 (이화여대 푼 문제 개수/순위 저장 api 사용) 
- 오늘의 문제 -> 추천 문제로
- 릴리즈 노트 올리고 / 인스타 게시물 올리기


히언
- VPC 돈나가는 이유 알아내기


소은
- 리프레시 쿠키 이슈 해결 🔥
- 예외 처리
- 페이지네이션
- 브로큰 파이프 문제 해결 
- 일별 이화여대 푼 문제 개수/순위 저장 api 완성/ 넘기기

📊 이제 다시 쿠키 문제 해결..

리프레시 로직을 완성하고 싶어용

 

힘차게 시작

 

 

 

 

 

 

예전에 했을 때 쿠키는 브라우저 주소에 먹혔는데 이번엔 그것도 안 됨 ;;

 

서버에 이거 세팅해주자 해결

SameSite=None; 

이제 박혔ㅅㅡㅂ니다

 

 

이전 포스트 내용을 보면

요청에 쿠키가 안 끼워져 가는 게 문제였음

 

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

이런 이유 때문에 

https를 달기 시작했었는데

 

 

 

이얏호!! https 힘겹게 달아서 

이젠 된다!!!

 

 

 

감격스러운

아아~1초도 안 걸리는 빠른 반영~

리프레시가 작동하는 모습..!

 

 

 

 

하지만 로컬호스트에서 성공했을 뿐..!

배포하면 어떻게 될지 모른다

 

.

.

.

 

 

배포하면 망할 수도 있는 게 아니라

배포에서부터 망했다

2025/02/15 09:54:25 dial tcp ***:22: i/o timeout>?????

ssh 깃헙액션접근불가 문제..?

22 포트 잘 인바운드 했고..

https 설정해서 뭔가 망한 건가..?

 

인스턴스 들어가보자.

 

 

 

 

게임 개발 ios 패키지 ruby 경로 폭망 때문에 컴퓨터 포맷했는데

생각해보니 pem파일도 날아감.

...!

pem파일잃어버리면 다시 못 찾는다는 사실을 알고 있었는가..

 

아예 인스턴스 새로 파서 처음부터 모든 걸 하는 내.모습이 스쳐지나가며 울뻔함

하지만 github secret 때문에 블로그 비밀글에 올렸던 게. ㅐㅇ각나며

구사회생

기록을 생활화하자.

가 아니라 pem 파일을 아껴주자

 

 

 

ssh 인스턴스 입수

 

봐도 모르겠음..

그냥 일단 테스트 겸 수동 진행하기로

docker stop/rm

 

 

https://hub.docker.com/r/celina324/qup-frontend/tags

 

hub.docker.com

docker 이미지 풀...

이 안됨

아 또 저장공간 부족 문제야

결국 이거였구나

깃헙액션로그에도 알려달라고;;;

 

 

이거 어케 고치지?? 매번 들어와서 청소하는 ㄱ게 정답은 아닐 것 같다

지만 나중에 생각하고

 

 

 

일단 청소 후 다시 풀, 실행

docker pull celina324/qup-frontend:latest
docker run -d --name qup_front -p 8080:3000 celina324/qup-frontend:latest

 

 

curl http://localhost:8080

찍어보니 잘 된 듯?

 

 

.

.

.

 

 

두근두근

http://ewhaqup.com

 

http://ewhaqup.com

이화여자대학교 백준 랭킹 사이트 : 뀨업 Team 뀨엘 정은채 | 정소은 | 전희원 도움 : 박세은 | 최이경 데이터 갱신은 매일 밤 정각에 이루어집니다. 리프레시 버튼을 누르면 벗의 푼 문제 업데이트

ewhaqup.com

와~ 보인다~

그리고 망함

 

ㅋㅋ백엔드 왜 연결이 안 돼...

cors 그만.....

 

 

1시간 뒤..

소은이가 그냥 http고 https고 우리 도메인이고 퍼플릭 ip고 인스턴스 퍼블릭 dns고 다 때려넣은 결과..

돌아간다!

로드밸런서가 https 타고 http 전달해서 그런가..?

 

 

 

성공했지만

사실 나는 로드밸런서도 https도 쿠키도 세션도 cors도 잘 모르겠다

네트워크 수강해야겠다..

 

 

 

 

+ 근데 클라이언트 측에서 쿠키 확인하기 (document.cookie) 안 먹힘...Y?

그래서 지금 그냥 usestate 처리해놔서 새로고침하면 쿠키 있는데도 재입력해야함,..


📊 릴리즈 노트 / 인스타 게시물 업데이트! 

🍾리프레시 기능 추가!

https://ewhaqup.com

♻ 모든 데이터 갱신은 매일 밤 정각에 이루어집니다.

📍하지만 추천 문제를 이미 풀어서 지금 목록에서 내리고 싶거나
📍푼 문제를 알고리즘 태그 / 난이도 별 테이블에서 지우고 싶거나
📍오늘 새로 변동된 순위나 남은 문제 수를 업데이트하고 싶다면

♻️ 새로 업데이트 된 리프레시 기능을 이용해 보세요! ♻️

.
.
백준에 이화여대 단체 등록을 해 두셨는지 체크 부탁드려요!

 

https://www.instagram.com/p/DGGDPvXyslQ/?igsh=MTI1a2tzMmx3dzhxag==

잠깐..

안 해치웠나...


 

 

돌아오는 주에는~

희원이가 설정해 놓은 매일 돌아가는 이화 문제수/순위 크롤링

소은이가 일별 이화여대 푼 문제 개수/순위 저장 api 완성해서 명세서 넘겨주면

적용해보기!

 

시간 나면 redis 공부해서 학생DB 준비하기