🥞 오늘 한 일

• 최종 프로젝트
  • supabase payments policy 설정
  • 결제 관련
    • 환불 안 됐을 경우 마이 페이지에서 환불할 수 있도록 제작
    • 결제 정보 타입 지정
    • 모바일에서도 결제할 수 있도록 진행 중
• 모의 면접

🍪 배운 것

모의면접

쿠키, 세션, 웹 스토리지

• 쿠키는 보통 서버에서 설정하여 브라우저에게 저장하라고 하는 것. 때문에 저장 자체는 클라이언트에 한다.
• 로컬 스토리지는 우리가 수정할 수 있지만, 쿠키는 백엔드에서 http only 옵션을 통해 보안을 강화하여 수정할 수 없게 만들 수 있다.
• 쿠키는 매 요청마다 들어간다.
• 세션은 DB 부하가 커진다.
• supabase는 jwt 방식.
• 로컬 스토리지는 브라우저를 닫아도 데이터가 유지되는 반면, 세션 스토리지는 이름처럼 세션 동안만 데이터가 유지되기에 브라우저를 닫으면 데이터는 사라진다.

CORS

• 막는게 아니라 가능하게 만드는 게 CORS.
• 프론트엔드에서 해결이 자체적으로는 안 된다. 프록시 서버를 만들어 우회하는 방식, 서버에서 직접 허용하는 방식(access control allow origin 방식)이 있다.
• next에서는 route handler를 사용하면 된다.

lazy-loading

• 무한 스크롤은 레이지 로딩이 아닐 것.
• next의 Image 태그에 lazy-loading 기능이 들어있다.

🍴 돌아보기

시간이 은근히 부족해서 많이 진행을 못한 것 같다. 그래도 환불 기능의 버튼도 제작했고 결제 모바일 버전도 어떻게 제작해야할지 감을 잡았다. 내일 모바일까지 해내는 걸 목표로 해야겠다.

🍳 내일 목표

• 최종 프로젝트
  • 결제 모바일에서도 가능하도록 로직 변경