Next.js 16 마이그레이션: App Router 완전 전환 후기
Pages Router에서 App Router로 전환하면서 겪은 것들 — 마이그레이션 전략, Server Components 함정, 데이터 페칭 변화, 그리고 성능 결과까지 솔직하게 정리했다.
기술과 사람, 그 수많은 생각의 '사이'를 사유합니다.
단절된 경계의 빈 공간을 코드로 채워 잇는 개발자입니다.
Pages Router에서 App Router로 전환하면서 겪은 것들 — 마이그레이션 전략, Server Components 함정, 데이터 페칭 변화, 그리고 성능 결과까지 솔직하게 정리했다.
XSS 공격이 성공해도 실행되지 않게 막는 마지막 방어선이 CSP다. 디렉티브 문법부터 nonce 방식, Next.js 설정, 점진적 도입 전략까지 정리했다.
인젝션, 인증 취약점, XSS부터 최신 위협까지 — OWASP Top 10을 실제 코드 예시와 함께 하나씩 뜯어보고, 각 취약점을 어떻게 막는지 정리했다.
REST는 왜 지금도 지배적인가, GraphQL은 어떤 문제를 해결하는가, gRPC는 언제 진짜 빛나는가. 세 프로토콜의 차이와 선택 기준을 실전 코드와 함께 정리했다.
백엔드는 마이크로서비스로 분리하면서 프론트는 왜 여전히 거대한 모놀리스일까? 마이크로프론트엔드가 해결하는 문제와 실전 적용법을 정리했다.
개발자라면 다 아는 그 느낌. 아이디어에 불타서 시작했다가 어느 순간 레포지토리가 먼지만 쌓인다. 완성까지 가는 마인드셋과 실전 전략을 내 경험 기반으로 정리했다.
모노레포를 쓰다 보면 어느 순간 빌드가 10분이 넘어간다. Turborepo의 태스크 그래프와 캐싱이 이 문제를 어떻게 해결하는지, 실제 Next.js 모노레포 셋업으로 보여준다.
Figma와 Google Earth는 왜 브라우저에서도 빠를까? WebAssembly의 실체와 Rust로 WASM 모듈을 만들어 JavaScript에서 호출하는 전 과정을 파헤쳐봤다.
미디어 쿼리로 반응형 컴포넌트를 만들다가 한계에 부딪힌 적 있어? @container가 그 문제를 어떻게 해결하는지, 실제 카드 컴포넌트 예시로 완전히 뜯어봤다.
CSS 애니메이션만으로 페이지 전환을 자연스럽게 만들 수 있다고? document.startViewTransition() 한 줄이 바꾸는 UX를 직접 확인해봐.