221204_WIL
오늘한 일
- [항해 99] 실전프로젝트 무한스크롤 구현 완료
이번주 한 일
- [항해 99] 실전프로젝트 상세1 필터 오류 수정 완료(했으나 무한스크롤 구현 이후 다시 오류 생김)
- [항해 99] 실전프로젝트 무한스크롤 구현 완료
- [항해 99] 실전프로젝트 상세1 페이지 WF에 맞춰 구현 완료
- [항해 99] 실전프로젝트 전체 WF 변경사항 적용
오늘의 배운 점
무한 스크롤 : 마지막 요소가 사용자에게 보이면 다음 데이터를 불러오는 방법
설치 방법
1
yarn add react-intersection-observer
구성 요소
- getItem 함수 : page가 바뀔 때마다 재생성(page가 바뀔 때마다 서버에서 정보를 요청하여 다음 페이지에 대한 정보를 받아옴)
- ref : div에 걸어주면 해당 요소가 보일 때 inView가 true, 안보이면 false로 변경되도록 설정
다른 사람들이 작업할 때 내 부분 WF이 나오지 않아서 작업을 거의 못했었는데 막판에 이제 필요한 자료들이 넘어오고 있어서 급하게 작업중이다. 현재 상세 1페이지는 전체적으로 구현 완료됐고 일부의 버그가 있어서 마이페이지 구현 후에 이어서 버그 수정 예정…
마이페이지의 경우 그냥 전체 레이아웃이면 그냥 임의로 작업하면 되지만 뱃지 자체가 안나온 상태라 마이페이지를 작업 할 수 없어서 기다리던 중에 어제 뱃지들이 나오면서 작업을 완료하려고 했지만 원래 논의했던 내용들과 달라져서 백에서도 추가 작업이 필요해져서 현재 또 기다리는 중..
이 끊임없는 기다림이란.. 쉽지않다^^..
이럴 땐 모킹으로 데이터 임의로 만들어서 작업하는 걸 처음부터 하는게 맞지 않았을까 싶다. 다음주에 이제 진짜로 프로젝트 런칭해야하는데, 작업 시간이 너무 모자랐어서 아쉽다. 아마 수요일까진 거의 매일 밤샘하지않을까싶다
그래도 조금씩 좋아지고 있으니까 끝까지 집중해보자!
출처:
infinite scroll