강경원

@theo

백엔드 엔지니어. Java/Spring으로 밥 벌고, 사이드로 Next.js와 실시간 서비스를 만듭니다. 만들면서 배운 것들을 기록해요.

github.com/theo-ooooo kwkang.net/profile

글 108

2026.08.06

Vercel 무료 플랜에서 시간별 크론 돌리기

Hobby 플랜은 크론이 하루 1회 제한이라 시간별 작업이 막힌다. GitHub Actions 스케줄 워크플로로 우회한 방법.

vercelgithub-actions

2026.08.06

Prisma + Supabase 연결, 삽질 포인트 세 가지

direct host DNS 실패, 서버리스 60초 타임아웃, pgbouncer 커넥션 제한 — Supabase에 Prisma 붙일 때 세 번 막힌 지점과 해결.

prismasupabase

2026.08.05

RSS 수집기를 만들며 겪은 현실적인 문제들

UA 차단, 소스마다 다른 스키마, 재수집 멱등성, 엔티티 디코딩 — RSS 수집기의 본체는 fetch가 아니라 정규화다.

rssbackend

2026.08.05

결제 웹훅은 반드시 두 번 온다 — 멱등성 설계

웹훅은 최소 1회 전달 = 중복 각오. 이벤트 ID 유니크 제약 + 같은 트랜잭션, 상태 기계 조건부 UPDATE, 그리고 중복엔 200 응답.

Vercel 무료 플랜에서 시간별 크론 돌리기

Prisma + Supabase 연결, 삽질 포인트 세 가지

RSS 수집기를 만들며 겪은 현실적인 문제들

결제 웹훅은 반드시 두 번 온다 — 멱등성 설계

Next.js App Router에서 페이지를 조립만 하게 만들기

Next.js ISR 때문에 조회수가 멈춘 것처럼 보였다

실시간 게임 서버에서 배운 것 — 클라이언트를 믿지 마라

소셜 로그인 버튼 뒤에서 일어나는 일 — Authorization Code Grant

캐시 무효화, TTL만 믿으면 안 되는 이유

TypeScript satisfies, as를 쓰기 전에

한글 입력에서 Enter가 두 번 눌리는 버그

JPA N+1, 발견부터 처리까지 실전 순서

정산 시스템에서 1원이 사라지는 문제 — Largest Remainder Method

@Value를 버리고 @ConfigurationProperties로 갈아탄 이유

RAG 제대로 이해하기 - LLM에 '내 지식'을 붙이는 법

재고 차감 동시성, UPDATE 한 줄로 끝내기

트랜스포머와 어텐션 - LLM은 어떻게 다음 단어를 예측할까

토큰과 토크나이저 - LLM이 글자를 읽는 방식

Spring Batch 6에서 메타데이터가 안 쌓일 때

임베딩(Embedding) 완전 이해 - 의미를 숫자로 바꾸기

프롬프트 엔지니어링 실전 - 원하는 답을 얻는 법

파인튜닝 vs RAG vs 프롬프트 - 언제 무엇을 쓸까

복합 인덱스, 순서가 전부다

LoRA와 QLoRA - 적은 자원으로 LLM 파인튜닝하기

추론 모델과 Test-Time Compute - LLM이 '생각'한다는 것

함수 호출(Function Calling) - LLM에게 도구를 쥐여주기

AI 에이전트 이해하기 - ReAct와 계획-실행 루프

MCP(Model Context Protocol) - AI에 표준 연결 단자 달기

pgvector 실전 - PostgreSQL로 벡터 검색하기

LLM 평가 - 답변 품질을 어떻게 측정할까

할루시네이션 - LLM이 거짓말하는 이유와 줄이는 법

컨텍스트 윈도우와 롱컨텍스트 - 길다고 다 좋을까

구조화된 출력 - LLM에서 안정적으로 JSON 받기

LLM 추론 최적화 - 양자화와 KV 캐시

로컬 LLM 실행 - Ollama로 내 PC에서 모델 돌리기

멀티모달 LLM - 이미지를 이해하는 모델

LLM 앱 보안 - 프롬프트 인젝션 막기

TypeScript 유틸리티 타입 완전 정리

TypeScript 타입 가드 - 런타임 타입 체크와 타입 좁히기

TypeScript 네임스페이스 - 모듈과 네임스페이스 비교

TypeScript 제네릭 심화 - 제약 조건과 고급 패턴

TypeScript 데코레이터 - 클래스와 메서드 메타데이터

TypeScript tsconfig.json 완전 정리

TypeScript 기초 - 타입 시스템과 기본 문법

TypeScript 고급 타입 - 유틸리티 타입과 조건부 타입

단위 테스트 - 함수와 모듈 테스트 작성

TDD - 테스트 주도 개발

Mocking과 Stubbing - 테스트 격리와 제어

Jest 기초 - JavaScript 테스트 프레임워크

통합 테스트 - 시스템 컴포넌트 간 상호작용 검증

E2E 테스트 - 사용자 시나리오 기반 테스트

React Testing Library - 사용자 중심 테스트 작성하기

Storybook으로 React 컴포넌트 문서화

Zustand로 가벼운 React 상태 관리하기

React 상태 파생(derived state) vs memo - 어디에 두는 게 맞을까?

React Server Components - 서버에서 렌더링되는 컴포넌트

React Router 베스트 프랙티스

React Portal - DOM 트리 밖으로 컴포넌트 렌더링하기

React 성능 최적화 - 렌더링 최소화와 메모이제이션 전략

React Hooks 베스트 프랙티스 - 실무에서 자주 놓치는 포인트

React 폼 상태 관리 전략

React Error Boundary - 에러 처리와 사용자 경험 개선

React Context 성능 최적화 - 리렌더 줄이는 실전 패턴

React Concurrent Features - useTransition과 useDeferredValue

React 코드 스플리팅과 Suspense 패턴

Framer Motion으로 React 애니메이션 다루기

React 접근성(a11y) 가이드

Node.js Streams - 대용량 데이터 효율적 처리

Node.js 보안 - 실무 보안 체크리스트

React 컴포넌트 합성과 재사용 패턴

Express.js 기초 - RESTful API 서버 구축

Node.js 에러 처리 - 비동기 에러 핸들링 패턴

Node.js Cluster - 멀티코어 활용과 성능 최적화

Node.js 기초 - 이벤트 루프와 비동기 처리

Next.js Middleware - 요청 가로채기와 엣지 런타임

Next.js Metadata API - SEO와 소셜 미디어 최적화

Next.js Image 최적화 - 자동 이미지 최적화와 성능 개선

Next.js 폰트 최적화 - next/font로 웹폰트 성능 개선

Next.js 캐싱 전략 - ISR, SSG, SSR 캐시 제어

Next.js API Routes - 서버리스 함수로 백엔드 구현