프론트엔드 개발자를 위한 5가지 스크롤 복구 시나리오와 실전 코드 팁
SPA 환경에서 스크롤 복구가 어려운 이유와 상황별 해결 방법을 정리했습니다. React Query, 무한 스크롤, 가상화 리스트에서의 실전 팁도 함께 소개했습니다.
#React#React Query#Infinite Scroll
21100
태그
SPA 기술 블로그 글
SPA 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 6개최신 6개 표시
관련 태그
최신 게시글
6개 표시
SPA 환경에서의 버전 업데이트를 위한 모두싸인의 최신 버전 업데이트 기능 구현기
SPA에서 구 버전 리소스가 계속 유지되는 문제를 해결하기 위해 최신 버전 업데이트 기능을 구현했습니다. version.json 폴링과 버전 비교로 강제·선택 업데이트를 분기하고 전환율까지 측정했습니다.
#React#Vite#AWS S3
6600
Angular Router 적용
Angular Router의 역할과 SPA에서의 라우팅 기본 개념을 설명했습니다.\n`routerLink`, `router-outlet`을 활용한 컴포넌트 전환 설정 과정을 예제로 정리했습니다.
#Angular#router#SPA
1400
사용자 인식과 웹 성능 측정의 변화
Lighthouse의 주요 성능 지표와 Speed Index의 측정 방식, 그리고 SI 중요도 논란을 정리했습니다. SPA 확산과 모바일 환경 변화로 SI의 해석이 달라지고 있습니다.
#Lighthouse#웹 성능#Speed Index
2600
2022 DevRel Awards: 보물찾기 이벤트개발 후기
2022 DevRel Awards 사전 이벤트로 QR 보물찾기 서비스를 기획하고 개발한 후기입니다. 어뷰징 방지와 한정된 개발 환경에서의 구현 고민을 정리했습니다.
#Spring Boot#JPA#MySQL
2100
라이브러리 없이 라우터(Router) 만들기
바닐라 JS로 해시 라우터를 직접 구현하는 과정을 설명했습니다. 경로 매핑, navigate, path parameter 추출까지 확장하는 방법을 다뤘습니다.
#JavaScript#SPA#Router
2400
라이브러리 없이 라우터(Router) 만들기