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