무한 스크롤1 스크롤 복원(Scroll Restoration) 바닐라 자바스크립트든, 리액트든 여러 페이지로 구성된 서비스를 개발하기 위해서 History API를 사용할 수 밖에 없다. 대부분 페이지 이동 메소드를 호출하거나, state를 전달하는 용도에 대해서만 주의 깊게 볼 것이다. 구글 검색 예시를 떠올려보자. 1. 검색창에 history api를 검색한다. 2. 스크롤을 내려서 원하는 검색결과를 찾는다. 3. 원하는 검색결과를 발견하면 클릭해서, 해당 사이트로 이동한다. 4. 뒤로가기 버튼을 클릭해서 이전 화면(검색결과)으로 이동한다. 1~4번을 거친 뒤 이전 화면으로 돌아왔을 때, 스크롤의 위치는 어디에 있을까? 답은, 이전 화면에서 탐색한 위치이다. 이것이 스크롤 복원의 기본(default) 동작이다. 대부분 상황에서 스크롤 복원을 의식하며 개발하지 않.. 2022. 8. 13. 이전 1 다음
