#Next.js

10개의 글

2026년 4월 28일

Next.js App Router vs. Pages Router 파헤치기 3: 네비게이션과 RSC Payload

2편에서 번들 분할의 차이를 확인했어요. 이제 실제 페이지 이동에서 네트워크로 무엇이 오가는지 파헤쳐요. React Flight 프로토콜과 Router Cache 이야기예요.

Next.jsApp RouterPage RouterReactRSC네비게이션

2026년 4월 27일

Next.js App Router vs. Pages Router 파헤치기 2: 번들 분할

1편에서 라우팅 매칭은 같다는 걸 확인했어요. 그렇다면 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년 3월 25일

Cloudflare D1으로 블로그에 좋아요, 댓글, 조회수 붙이기

개인 블로그에 Cloudflare Pages + D1을 적용하면서 겪은 시행착오와 해결 과정을 정리했어요.

CloudflareD1DrizzleNext.jsEdge Runtime

2026년 3월 23일

Hello World

새로운 블로그를 만들게 된 이유와 기술 스택을 소개해요.

blogNext.jsCloudflare