
이전 페이지의 모든 상태(스크롤, 상태)를 유지하는 리액트 라우터이면서 동시에 경량화되어 제작된 저의 자작 패키지를 소개하도록 하겠습니다. (Nesting Router 또는 Nested Routes 기능을 기본적으로 지원합니다.) 위 동영상에서 보셨다시피 전환 애니메이션도 쉽게 적용 가능하며 이전 상태, 즉 각 요소(DOM)마다의 고유한 스크롤도 유지하는 모습입니다. 다만, 원리는 DOM에서 그대로 이전 페이지의 모든 요소를 유지하지만 따로 화면에 렌더링되지는 않으므로 성능에 영향이 가지 않을 정도로 메모리 사용량이 살짝 높아질 수 있으며 추후 업데이트를 통해 특정 페이지만 관련 keepAlive 옵션 기능을 통해 DOM에서 유지되지 않아도 되는 페이지를 별도로 설정할 수 있도록 할 예정입니다. ..
웹 (Web)
2024. 10. 9. 05:57
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 최적화
- pagetransitionsbuilder
- web
- 플러터
- 전환 애니메이션
- 깃허브
- html custom element
- 커스텀 요소
- 리플 효과
- 터치 효과
- svg
- 조건부 타입
- jetpack compose
- 안드로이드 개발
- Flutter
- 타입스크립트
- 객체 지향
- 안드로이드
- TypeScript
- Factory Method
- pageroute
- 팩토리 메서드
- 객체지향
- webpack
- android
- JavaScript
- 디자인 패턴
- Reflow
- github
- omit
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
글 보관함