codestates / codestates/FilmStorage

[DevLog] 서외구 / 2022-03-28

Open
#171 0 comments 0 reactions 1 assignee Claimed by @sud665 View on GitHub
DevLog
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.