innovationacademy-kr / Cabi

사물함 관리 서비스

Home Page:https://cabi.42seoul.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[FE] 새로 고침 시 api 두번씩 호출 수정

seong-hui opened this issue · comments

작업 설명

image
  • 로그인이나 새로고침을 하면 users/me, lent/me, floors api를 호출하게 되는데 사진과 같이 같이 api가 2번씩 호출되고 있어서 이 문제를 해결하고자 합니다.

접근 방법

위의 api를 불러올 때 어떤 상황에서 불러오는 지 확인하고 로직을 수정할 것 입니다.

대체 방안 (선택 사항)

No response

image

2번씩 랜더링 되는 문제는 <React.StrictMode>에 의해서 발생되는 것으로 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. 개발 모드일때만 디버그를 하며 해당 태그로 감싸져 있는 부분은 자손까지 검사를 합니다. 따라서 local에서 위에처럼 2번씩 렌더링 되는 것으로 보였던 것으로 배포 환경에서는 아무 이상이 없던 것이었습니다 ..그것도 모르고 삽질을 했지만 그래도 해결이 되었느니 그것으로 다행입니다 하하핫.
https://ko.legacy.reactjs.org/docs/strict-mode.html StrictMode에 대한 내용입니다. 함께 첨부하겠습니다