~/kronglog $ cat recent.md
배운 것을 쌓아,
조금씩 단단해지는 중
28개의 기록
최근 업데이트 2026.11.04
LATEST01
useSearchParams() 훅 없이 Query Parameter 구현하기
정적 블로그의 글 목록 필터를 React 없이 바닐라 JS로 URL과 동기화한 구조와, 새로고침 시 칩이 깜빡이던 문제를 프레임 단위로 측정해 해결한 과정을 정리합니다.
블로그AstroJavaScript
LATEST01
useSearchParams() 훅 없이 Query Parameter 구현하기
정적 블로그의 글 목록 필터를 React 없이 바닐라 JS로 URL과 동기화한 구조와, 새로고침 시 칩이 깜빡이던 문제를 프레임 단위로 측정해 해결한 과정을 정리합니다.
블로그AstroJavaScript
아카이브
전체 보기블로그 필터의 데이터 중복 로딩과 공유 가능성 문제
데이터 중복 로딩 및 DOM 개수 문제? 현재 내가 운영중인 블로그는 Astro 프레임워크로 구현되었다. 대표적인 정적 생성(SSG) 최적화 프레임워크다. 내 블로그의 ‘홈화면’에는 블로그글 카드 UI와 칩 형태의 …
#TIL #Astro
latest Ref 패턴과 useEffectEvent()
latest Ref 패턴이란? 간단히 말해 ‘리액트의 통제를 받지 않는 순수한 JS 공간 어디서든 안전하게 최신 값을 꺼내올 수 있는 디자인 패턴’이다. 보통 클로저(Closure) 문제로 인한 것인데, 커스텀 훅이…
#TIL #React
useSearchParams()가 왜 페이지 전체를 CSR로 바꿀까?
Next.js의 SSR, SSG는 기본적으로 서버가 HTML을 미리 만들기 위해 필요한 데이터를 알아야 한다. 하지만, url 뒤에 붙은 쿼리 스트링(?search=apple&page=2)같은 사용자가 브라우저에서 …
#TIL #Next.js
AMP URL이란?
AMP URL : mobile에서 웹페이지를 더 빠르게 열 수 있게 만든 구글 가속 모바일 페이지의 주소다. 특징 빠른 속도 : 불필요한 요소를 없애 모바일 로딩 속도를 크게 높인다. 여기서 불필요한 요소는 뭘까? …
#TIL #웹