개발새발 로그

📖들어가며..ScrollSpy를 구현해봐라! 했을 때 감이 전혀 안잡혔었다.구현해본 경험이 없는 UI기도 했고, 각 요소의 위치 값이나 ref를 활용하는 방법을 생각해내지 못했다.그래서 오늘은 ScrollSpy기능을 구현하면서 기록해보려고 한다.  스크롤 이벤트로 ScrollSpy 구현하기먼저 스크롤 이벤트로 ScrollSpy를 구현해보려고 한다.ScrollSpy의 구현 조건을 나열하면서 기록하려고 한다. 1. 어느 지점에서 ScrollSpy가 변하게 할 것인가?나는 1번 요소의 1/2 지점에 도달했을 때 2번 요소가 강조되게 하려고 한다.스크롤 값으로 설명하자면 하나의 Section이 100의 height를 가진다고 할 때 0 ~ 50 까지가 Section 1이 강조되는 구간이고,50 ~ 150 까지..