[moin-review] 2021-10-05

김_리트리버·2021년 10월 8일
0

Facts

송금 flow 개선 관련하여 회의만 주구장창 함

이후 mac 마이그레이션 기능으로 맥북 기능 이전함

AWS S3, Cloudfront CI-CD 구성 및 test 진행함

test 진행하면서 문제를 발견함 Cloudfront 쪽에서 문제가 생김

예를 들어 /faq 로 cloudfront 에 요청을 하면은 cloudfront 는 s3 에 url 그대로 전달 하게 되고, 해당 url 은 react-router 에만 존재하는 client 에서 관리하는 url 이라 해당 url 에 따라 routing 을 하지 못함, 결국 cloud-front 에서는 오류 페이지를 응답하게 됨

이렇게 되면 문제가 되는 것이 기본 url 로 들어와서 faq 메뉴 버튼을 눌러 /faq 로 이동은 되지만 url 로 /faq 를 직접 쳐서 들어올 수 가 없음

도메인 이후 어떤 url 이 오던 간에 무조건 index.html 을 응답하도록 설정하면 해결할 수 있을 것 같음

Findings

react-router 에서 설정한 url 은 client 에서만 존재하는 url 이라

실제 url 에 따라 routing 을 하지 못한다.

사용자가 url 입력창에 기본 도메인에 뭔가 덧붙여서 요청을 했더라도

index.html 을 리턴하도록 해서 client 에서 url 에 따른 routing 을 관리하도록 해야 한다.

Feelings

SPA 에 대해 어느정도 알고 있다고 생각했지만 그렇지 못했다.

그냥 되나보다 하고 넘기면 꼭 중요할 때 발목잡힌다.

라이브러리를 쓰든 프레임워크를 쓰든 핵심 원리에 대해서는 확실하게 이해하고

훗날을 위해 기록해 놔야 한다.

profile
web-developer

0개의 댓글