📒

9/10(화)

트러블 슈팅
[문제]
페이지가 로드된 후 추가 데이터를 불러오는 loadMoreItems() 함수가 호출되지 않거나 예상과 다르게 동작하는 문제가 발생 (=> 새로고침 시 response.data의 값이 html을 반환하는 오류 발생) [원인] useEffect 훅 내에서 데이터를 불러오는 함수가 컴포넌트 렌더링 후 바로 실행되지 않으며, 윈도우가 완전히 로드되기 전에 호출되어 데이터가 정상적으로 로딩되지 않음
[해결]
useEffect(() => { window.onload = () => { loadMoreItems(); }; }, []);
Plain Text
복사
window.onload 이벤트 리스너를 사용하여 브라우저의 모든 리소스(이미지, 스크립트 등)가 완전히 로딩된 후에 loadMoreItems() 함수가 호출되도록 설정. 이를 통해 데이터 로딩이 올바르게 처리되며 문제 해결
프로젝트 관련 사항
목데이터 생성 시 API 명세서 참고 (필수)