일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- Image 컴포넌트
- 브라우저 동작
- 자바스크립트
- PubSub 패턴
- 네이버 부스트캠프
- 자바 프로젝트
- 스택
- 파이썬 코딩테스트
- React.js
- git checkout
- 씨쁠쁠
- react
- Next/Image 캐싱
- 자바스크립트 객체
- 부스트캠프
- 웹크롤링
- 네이버 부캠
- beautifulsoup
- c++
- 자바스크립트 컴파일
- 비디오 스트리밍
- 파이썬
- 프로그래머스
- Next.js
- 파이썬 웹크롤링
- Server Side Rendering
- 멘션 추천 기능
- 코딩테스트
- 네이버 부스트캠프 멤버십
- React ssr
Archives
- Today
- Total
목록스크롤 복원 (1)
코린이의 개발 일지

문제 상황 뉴스피드 무한스크롤이 게시물 페이지 들어갔다가 router.back으로 돌아오면 맨 위로 스크롤이 원상 복구되는 문제 사용자 경험 측면에서 상당히 불편한 문제라서 꼭 고치고 싶었다. 해결 방안 같은 팀원분이 이런식으로 해보는것이 어떻냐는 방법을 제시해 주셔서 그걸로 시도해봤다. 스크롤 y 위치와 , 불러온 전체 뉴스피드 목록 전역상태로 관리 뒤로가기 버튼 누를시, 전역 상태 불러와서 렌더링 뉴스피드는 현재 페이지네이션으로 동작한다 (usePaginator 훅이 pages(불러온 뉴스피드 목록)을 반환한다.) 처음 코드 export default function MainSection() { const scrollRef = useRef(); const [scroll, setScroll] = use..
웹 (web)/모헤윰 프로젝트
2022. 12. 14. 02:00