20201109 TIL

2차 프로젝트가 시작된지 1주일이 꼬박 지났다.
뭔가 진도가 나가는 듯 아닌듯.. 그런 기분.

오늘 해본거는 아니 하다가 지금 막혀있는건 Infinite Scroll 부분이다.
일반적으로 component를 map시키는건 문제가 없었지만
API를 호출, 받아와서 그 데이터를 다시 map 시키려니 문제가 참 많았다 :)

그러다가 추천 받은 부분이 "intersectionObserverAPI"를 이용하는 것.

target으로 지정된 어떤 엘리먼트가 화면상에 일정 비율 이상 노출 될 경우 어떤 함수를 실행시킬 수 있도록 만들어진 API 이다.
굳이 다른 방법도 많은데 왜 이 방법을 쓰나 찾아보니 reflow를 하지 않기 때문에
메모리 소비를 덜 시킬 수 있다고 한다.

intersectionObserver API를 사용하기 위해서는
1. option 2. callback 3. target이 가장 대표적으로 필요하다.

완전히 이해하고 작성하기는 조금 어렵지만.. 도몬도몬 써보니.. 아주 못 쓸건 아닌 것 같다.
하지만 그래도 어렵다...
의식의 흐름..