Troubleshooting/Issues
scroll event와 style
팀 프로젝트에서 스크롤 이벤트를 활용하면서 겪은 어려움과 깨달음을 순차적으로 정리한 글입니다. 01 스크롤 이벤트를 적용한다면, height 100% 또는 100vh를 조심하자. 저희 프로젝트에는 이라는 body에 height 100vh가 적용되어 있는 컴포넌트가 있습니다. 아래 코드와 같이 header와 footer를 내려주며 쓰고 있었던 것이죠. export const HomePage = () => { (생략) return ( ); }; 너무나도 당연하지만 스크롤하려는 요소의 height는 매우 중요합니다. 하지만 기능을 생각하다보면 style 코드를 망각할 때가 있습니다😖 무한스크롤 구현할 때에도 Window 객체의 메서드 중 스크롤 관련 기능을 이용했는데, 작동하지 않았던 문제가 있었습니다. 이때..
2023. 8. 17.
