블로그

파란여우가 정리한 개발·IT 글 목록입니다.

2026.07.13

Vitest로 서버 유틸을 고정하는 이유 — E2E 시대의 단위 테스트 재배치

Playwright가 흐름을 보증한다면 Vitest는 가격·권한·포맷처럼 회귀 비용이 큰 순수 로직을 싸게 고정합니다. 테스트 피라미드에서 단위 층을 두껍게 할 대상 선정 기준, Next.js에서의 분리 전략, 그리고 AI 코딩 시대에 단위 테스트가 갖는 역할을 논문형 구조로 정리합니다.

Vitest테스트단위테스트Next.js품질

2026.07.06

엣지 미들웨어 rate limit 설계 노트 — 위협 모델부터 429 응답까지

WAF 제품 비교가 아니라, Next.js 엣지 미들웨어에서 문의·인증 등 쓰기 경로에 rate limit을 둘 때의 위협 모델, 키·윈도우·저장소 설계, 429 응답과 관측, 그리고 봇 판별의 근본적 한계를 논문형 구조로 정리합니다.

rate-limit미들웨어엣지보안Next.js

2026.06.29

bundle-analyzer로 초기 JS를 줄이는 방법 — 30분의 우선순위 지도

Core Web Vitals 개론을 넘어, @next/bundle-analyzer로 프로덕션 클라이언트 청크를 읽고 ‘삭제·지연·직접 import’ 중 무엇을 먼저 할지 판단하는 절차를 정리합니다. 숫자로 우선순위를 고정하는 실무 에세이입니다.

bundle-analyzer성능Next.js번들최적화

2026.06.22

MDX·마크다운 블로그 파이프라인 — 단일 소스에서 OG·sitemap까지

개인 Next.js 블로그에서 글 파일이 목록·상세·OG·sitemap으로 갈라질 때 생기는 불일치를, frontmatter 스키마와 파서 단일화 관점에서 정리합니다. bluefox.dev식 파일 기반 콘텐츠를 전제로 한 설계 에세이입니다.

MDX블로그Next.jsSEO콘텐츠파이프라인

2026.06.08

Resend로 문의 폼 메일 보내기 — 로컬과 Vercel이 갈라지는 이유

트랜잭션 메일 API를 Next.js 문의 폼에 붙일 때, 로컬 성공·프로덕션 실패가 나는 원인을 환경 변수·발신 도메인·수신 제한·서버 경계·봇·관측 가능성으로 분해해 설명합니다. Resend를 예시로 쓰되 동급 서비스에도 적용되는 모델입니다.

Resend문의폼VercelNext.js이메일

2026.05.25

Next.js에 토스페이먼츠 붙일 때 — 최소 체크리스트를 넘어서

결제 위젯 연동보다 먼저 굳혀야 할 것은 주문 상태 머신과 웹훅 멱등성입니다. Next.js App Router에서 요청·승인·웹훅·권한 부여 순서를 설계할 때 생기는 실패 모드와 판단 기준을 정리합니다.

토스페이먼츠결제Next.js웹훅사이드프로젝트

2026.05.18

Auth.js 세션 골격론: 패스키 이전에 고정해야 하는 발급·검증·만료 계약

WebAuthn·패스키를 붙이기 전에 Next.js 세션이 실제로 증명하는 것은 무엇인가. Auth.js가 묶는 발급·전달·검증 삼층 모델을 중심으로 JWT 세션과 DB 세션의 트레이드오프, 쿠키 속성이 배포 환경에서 깨지는 방식, 보호 경계의 이층 방어와 그 반례를 분석합니다.

Auth.js세션쿠키인증Next.js

2026.05.10