2026년 8월 18일PostGIS로 지도 관련 검색 끝내기모토맵의 위치 검색을 예로 geometry와 geography, 공간 인덱스, Supabase RPC, 경로 주변 검색을 깊이 있게 정리했어요.PostGISSupabaseSQL모토맵위치 검색
2026년 8월 7일바이크 라이더가 찾던 바로 그 앱, 모토맵을 소개합니다.라이딩에 적합한 장소, 코스, 날씨, 유가부터 이륜차 내비게이션과 내 바이크 기록까지 모든 게 바이크에 최적화된 지도 앱이에요.모토맵바이크지도내비게이션사이드 프로젝트React NativeExpoSupabase
2026년 7월 6일웹 푸시 알림 붙이기웹 푸시 알림을 붙이게 된 계기와 운영 환경에서만 알림 기능이 동작을 안해서 결국 VAPID랑 페이로드 암호화를 직접 짠 과정을 소개해요.CloudflareWeb PushEdge RuntimeWeb CryptoNext.js
2026년 7월 1일평창·강릉 여행 2: 강릉 어디까지 알아봤니둘째 날은 강릉과 넘어가 카페, 짬뽕순두부, 횟집을 갔고 오죽헌과 바다도 보았어요.여행강릉속초강원도바이크테라로사동화가든곳오죽헌대포항맛집
2026년 6월 29일평창·강릉 여행 1: 누가 평창 가서 뭐해요? 할 때 보여주면 되는 글1박 2일 평창·강릉 여행 첫째 날. 장칼국수, 월정사, 삼양 라운드힐, 평창 한우 등등 평창의 매력을 마음껏 느꼈어요.여행평창강원도월정사삼양 라운드힐평창 한우맛집
2026년 6월 17일개발자가 AI에 대체되지 않으려면AI가 구현을 맡는 시대에 개발자가 어떻게 해야 살아남을 수 있는지 제 생각을 써보았어요.AICareerEssayEngineering
2026년 5월 19일Zustand는 어떻게 100줄로 React 상태 관리를 해낼까Zustand의 vanilla store, useSyncExternalStore 바인딩, useShallow 트릭 등 핵심 코드를 따라가며 zustand 설계를 파악해 보았어요.ReactZustandState ManagementuseSyncExternalStoreFrontend
2026년 5월 12일React 19의 Server Component는 어떻게 동작하는가React 패키지가 둘로 갈라지는 메커니즘과 client가 RSC chunk를 React tree로 복원하는 흐름을 소스 코드를 통해 파헤쳤어요.ReactReact 19RSCServer ComponentsFrontend
2026년 5월 8일React 19에서는 메모이제이션할 필요가 없다고?useMemo와 useCallback이 사라지는 이유를 컴파일러가 만들어내는 코드를 직접 읽으면서 따라가 보았어요.ReactReact 19React CompilerMemoizationFrontend
2026년 5월 4일React 19에서 없어지는 보일러플레이트forwardRef, Context.Provider, 폼 상태 관리, Promise unwrapping 등 React 18과 19 코드를 나란히 두고 무엇이 어떻게 달라졌는지 알아보았어요.ReactReact 19Frontend
2026년 4월 28일Next.js App Router vs. Pages Router 파헤치기 3: 네비게이션과 RSC Payload두 라우터에서 실제 페이지 이동시 네트워크로 무엇이 오가는지 들여다보아요.Next.jsApp RouterPage RouterReactRSC네비게이션
2026년 4월 27일Next.js App Router vs. Pages Router 파헤치기 2: 번들 분할App Router가 빠른 이유가 본격적으로 드러나요. 이번 편은 번들 분할을 파헤쳐요.Next.jsApp RouterPage RouterReactRSC번들링
2026년 4월 26일Next.js App Router vs. Pages Router 파헤치기 1: 라우팅 매칭App Router와 Page Router의 차이가 무엇인지 제대로 알아보기 위해 소스 코드를 살펴봤어요. 1편은 URL이 파일로 이어지는 라우팅 매칭을 다뤄요.Next.jsApp RouterPage RouterReact라우팅
2026년 4월 21일웹 접근성이란 무엇이고 어떻게 적용하는가키보드 네비게이션, 포커스 트래핑, ARIA 속성, 다크모드 색상 대비 등 웹 접근성 내용을 정리했어요.Web AccessibilityUXNext.js
2026년 4월 18일SEO 최적화: 검색 결과에 잘 보이게 만들기메타태그, 구조화 데이터, 시맨틱 HTML, RSS 피드 등 SEO 최적화를 정리했어요.SEONext.jsWeb AccessibilitySitemapRSS
2026년 4월 15일Cloudflare Vectorize + Workers AI로 시맨틱 검색 만들기클라이언트 검색의 한계를 느끼고 Cloudflare Workers AI + Vectorize로 시맨틱 검색을 적용한 내용이에요.CloudflareWorkers AIVectorizeSearchNext.js
2026년 4월 13일Cloudflare Image Transformations로 이미지 최적화하기R2에 올린 원본 이미지를 Cloudflare Edge에서 실시간으로 리사이즈·포맷 변환하는 파이프라인을 만들어서 최적화한 내용을 풀어보았어요.CloudflareImage OptimizationNext.jsPerformance
2026년 4월 11일Cloudflare R2로 미디어 관리하기블로그 이미지와 영상을 Cloudflare R2에 올리고 어드민 페이지에서 직접 관리하도록 만든 이유와 과정을 소개해요.CloudflareR2Next.jsEdge RuntimeAdmin
2026년 4월 9일삿포로 여행기 4: 본격 삿포로 시내 투어사에라 카페로 하루를 시작해서 시계탑, 훗카이도청, 훗카이도 대학을 둘러보고 대표적인 일본 위스키인 히비키도 샀어요. 저녁엔 라멘 골목과 양고기집으로 마무리한 삿포로 여행의 마지막 날이에요.여행삿포로일본훗카이도청훗카이도대학시계탑사에라테시카가아라타나루본즈히비키이치란
2026년 4월 8일삿포로 여행기 3: 요이치 증류소와 오타루아침 일찍 요이치 증류소를 둘러보고 오타루로 돌아와 르타오와 오르골당, 운하를 구경하고 저녁으로 스시를 먹었어요. 삿포로로 돌아와서는 몬자야끼를 먹었어요.여행삿포로일본오타루요이치증류소위스키니카르타오오르골당몬자야끼
2026년 4월 7일삿포로 여행기 2: 크리스마스 트리, 그 너머의 비에이카이센동을 먹고 렌터카를 빌려 비에이로 출발! 마일드세븐 나무, 자작나무숲, 흰수염 폭포, 크리스마스 트리 투어를 했어요.여행삿포로일본비에이렌터카마일드세븐 나무스나가와 휴게소크리스마스 트리자작나무숲흰수염 폭포
2026년 4월 3일삿포로 여행기 1: 스프카레와 징키즈칸 양고기4박 5일 삿포로 여행 첫날이에요. 공항 도시락을 먹고 삿포로에 도착하여 상점가를 구경하고 대표 음식들을 먹었어요.여행삿포로일본니카상맛집양고기이자카야스프카레
2026년 3월 31일개인 블로그에 AI 챗봇 붙이기: Claude API + RAG블로그 콘텐츠를 기반으로 답변하는 AI 챗봇을 만들면서 겪은 과정을 담았어요.Claude APIRAGAIChatbotFramer Motion
2026년 3월 25일Cloudflare D1으로 블로그에 좋아요, 댓글, 조회수 붙이기개인 블로그에 Cloudflare Pages + D1을 적용하면서 겪은 시행착오와 해결 과정을 정리했어요.CloudflareD1DrizzleNext.jsEdge Runtime