UOM:RE

# TIL-20210613

# Today

  • project bugfix
  • cloudfront error

# Content

-마지막 프로젝트 에러수정

  1. To Top action 전체 스크롤이 아닌 특정 element의 scroll을 위치를 변경해야 해서,
    querySelector를 통해서 특정 main Feature section에서 scrollTo를 이용해 스크롤 변경

  2. 컨텐츠 작성 이후 다시 컨텐츠 작성 페이지에 들어가면 컨텐츠 조회 페이지로 넘어가는 오류
    컨텐츠 작성 이후 제출 과정에 대한 storage가 초기화 하지 않았던 문제로 다시 페이지에 접근하면 이미 제출이 완료된 상태를 인지하게 된다.

해결방식 => unMount과정에서 제출 storage를 초기화하는 action을 실행하도록 추가

  1. 지도 API 관련 pin 데이터에 따른 화면 변환 구현
    Kakao map API 사용중에 Pin에 화면이 이동하도록하는 method를 추가하여 해결

-cloudFront Error- nextJs를 통해 정적파일을 배포한 경우 페이지를 새로고침 하게 되면 페이지 요청을 찾을수 없는(403 Error)가 발생하는 오류 발견 nextJS를 통해 정적파일을 배포하면 _next안에 있는 Bundle파일을 통해 html파일을 랜더하는 과정이 들어가는데,

특정 URL에서는 새로고침을 하는경우 html파일을 불러 올 수 없는 에러가 발생하게 됩니다. CloudFront를 사용해 SPA형식의 앱을 배포하게 되면 refresh나 Redirect과정에서 403에러를 응답하게 되고,

해당 페이지를 어떻게 처리할지에 대해 설정해야 합니다.

← TIL-20210617 →