프론트엔드

Next.js

App Router, SSR, CSRF, prerender

13개의 글
  1. 백엔드/인증-보안

    Next.js App Router에서 CSRF 토큰 관리하기: Double Submit Cookie 패턴

    CSRF 공격을 방어하기 위해 Double Submit Cookie 패턴을 구현했습니다. Edge Runtime 호환, 타이밍 공격 방지, 그리고 useCsrfToken 훅까지의 경험을 공유합니다.

    9분 읽기
  2. 프론트엔드/Next.js

    Next.js 로컬 개발 환경 HTTP → HTTPS 전환 완전 가이드: mkcert, NextAuth v5 쿠키 문제 해결까지

    로컬 개발 환경에서 HTTPS가 필요할 때 — mkcert 인증서 생성부터 NextAuth v5의 쿠키 프리픽스 문제 해결까지, 실전에서 마주치는 모든 함정과 해결법을 정리합니다.

    12분 읽기
  3. 프론트엔드/Next.js

    Next.js "Event handlers cannot be passed to Client Component" 에러 해결

    Next.js App Router에서 loading.tsx를 추가했더니 빌드 에러가 발생했습니다. 'use client' 컴포넌트의 prerendering 동작을 이해하고 Server/Client 분리 패턴으로 해결한 경험을 공유합니다.

    10분 읽기