[✍️ Dev Log][김세윤] / [2021/09/29]

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> * Main page 구현하기 위해 React custom hook에 대해 공부했다.
>
> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
> * 스크롤 위치에 따른 에니메이션 효과를 주려는데 현 상황을 이해하고 분석하고,
> css를 어떤방식으로 적용할지 찾아보는데, 정보와 각 방식이 너무나 다양해서 더 헷갈렸다.
> * 찾아보면서 알게된 `Intersection Observer`에 대해 잘 설명되어있는 [블로그 링크](https://heropy.blog/2019/10/27/intersection-observer/)
> -> 스크롤에 이벤트를 추가하면 스크롤이 될 때마다 이벤트가 발생하고, `getBoundingClientRect()`함수 호출 시 전체 리렌더링이 될 수 있다.
> -> 하지만 `Intersection Observer`은 비동기적으로 실행되서 잦은 리랜더링으로 인한 성능저하를 피할 수 있다.
>
> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
> * [ ] 메인페이지 끝내기