[DevLog] 김현규 / 2022-04-04

### 오늘은 어떻게 프로젝트에 기여했나요?

- 필름로그 및 필름토크 CRUD 클라 - 서버 요청 구현

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 무한스크롤에 페이지네이션 형식으로 서버에 데이터를 받아와야하는데 state로 지정해둔 offset이 set함수로도 갱신되고 있지 않아 원인을 찾아 해결하거나 다른 방식으로 구현해야겠음

```jsx
// 타겟 찾기
const onIntersect = async ([entry], observer) => {
if (entry.isIntersecting && !isLoaded) {
observer.unobserve(entry.target);
await getMoreItem();
observer.observe(entry.target);
}
};

const getMoreItem = async () => {
setIsLoaded(true);
await new Promise((resolve) => setTimeout(resolve, 1000));
getFilmLogDateByPagination(offset, 8);
setIsLoaded(false);
};

const getFilmLogDateByPagination = (offset, limit) => {
axios
.get(
`${process.env.REACT_APP_API_URL}/filmlogs/total/?offset=${offset}&limit=${limit}`,
{
headers: {
Accept: "application/json",
},
}
)
.then((res) => {
if (res.data.data) {
setItemLists((itemLists) => itemLists.concat(res.data.data));
}
setOffset((offset) => offset + 8); // resolve 이후 set함수가 진행되지 않음
})
.catch((err) => console.log(err));
};
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 무한스크롤 로딩 해결
- [ ] 배포 환경에 접근할 수 있게되면 서버 도메인이 잘 반영되지 않는점 체크해보기