skawnkk / pob_hayanmind Goto Github PK

• fetchCardData 함수를 utils/fetches.js 에 구현
• 실제 API 요청 응답받기 => 카드리스트로 넘겨주기

• GlobalStyle(전역스타일) 설정
  • styled-reset 라이브러리
  • 폰트 및 기타 태그 전역 스타일
• themeProvider 설정

• CRA
• Prettier, ESLint 설정
• 불필요한 스타일/주석/파일제거

• 스타일 컴포넌트로 스타일링

• 로직(초기계획)
  • 윈도우에 스크롤 이벤트 추가
  • 스크롤 throttle로 구현하기
  • 스크롤 이벤트 처리: 스크롤 임계 값 위치 계산
  • 스크롤 위치 확인 후 page값 변경 (page +1)
  • fetch로 기존데이터 + 새 페이지 데이터 추가
  • 추가) 마지막 페이지에서 어떻게할지

기존 계획은 위와같았으나 스크롤 중간위치로 조건을 거는 부분에서 문제가 발생하여 추후 해결하기로 하였음.
계획 변경하여 Intersection Observer를 사용하여 무한스크롤 구현