codestates / codestates/FilmStorage
[DevLog] 서외구 / 2022-03-28
- Dominant language
- JavaScript
- Stars
- 5
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
- 필름로그 페이지에서 사진 랜더링 방식을 무한스크롤로 구현 하려고 했음
- 오늘의 필름 페이지 레이아웃
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 무한스크롤 구현시 불러 오는 데이터를 전부 보여지는건 되나, 특정 개수의 사진을 불러오지 못했음
```js
const getMoreItem = async () => {
setIsLoaded(true);
await new Promise((resolve) => setTimeout(resolve, 1500));
let Items = [1, 2, 3];
setItemLists((itemLists) => itemLists.concat(Items));
setIsLoaded(false);
};
```
위 부분을 API 요청으로 바꿔서 서버측에 10장씩 get 요청으로 변경하는 방향으로 다시 고민중
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 무한스크롤 구현시 서버 쪽에 10장씩 받아와서 랜더링 기능 구현
- [ ] 받아온 데이터를 새로고침 되어도 사라지지 않게 로컬스토리지에 저장하는 기능을 구현 예정
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.