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