무한 스크롤을 만들기 위해서 react-intersection-observer를 사용하다가 이벤트 제어에 문제가 생김
특정 요소가 보이는 순간(맨 마지막 요소) 서버에서 아이템을 가져오는 이벤트를 진행하고자 했음
현재는 이벤트가 꼬이는 문제를 해결 했지만, react-intersection-observer를 사용하지 않고 마지막 부분에 버튼을 넣어주고, 버튼 클릭 시 이벤트가 동작되도록 변경함,
나중에 버튼 대신 특정 요소가 보이는가 기준으로 작동하도록 변경 예정
초기에 DB에서 가져온 값이 아닌 목업 API Sample을 넣어주는 형식으로 동작하고,
데이터 불러오기시 Sample Data가 그대로 남아있고 그 아래로 계속 붙는 형식으로 동작해버렸음
state를 초기화하는 방법을 고민하다가 reducer에서 return {list: []} 방식으로 초기화된 값을 넘겨주는 방식으로 전달함
렌더링이 계속 일어나니 백엔드보다 오히려 성능 고민이 더 들어가는 것 같음
js간의 연결과 state 관리, reducer 개념이 중요한것 같음
기반이 없이 빠르게 따라 만드니 비효율적인 구성이 되는 것 같음
달콤살벌