Code fades, stories remain.

2026.05.20 · 5 min read
데이터 모델링 기초: 개념 모델
프론트엔드 개발자가 DB를 다룰 때는 보통 만들 화면에 필요한 데이터를 중심으로 테이블을 설계합니다. 화면이 먼저 있고, 거기에 맞춰 컬럼을 붙이는 방식입니다. 데이터 아키텍처(DA)는 시선이 반대입니다. 사업이 다루는 데이터 전체를 먼저 정리하고,…
2026.05.20 · 6 min read
데이터 모델링 기초: 논리 모델 (식별자 · 관계 · M:N 해소)
지난 글에서는 데이터 모델링의 첫 단계인 개념 모델까지 다뤘습니다. 엔터티·속성·관계라는 세 단어로 사업 전체의 데이터 윤곽을 잡는 단계였습니다.
2026.05.20 · 3 min read
Tokio File Write Internals
Tokio로 파일을 쓸 때 가장 먼저 알아야 할 사실이 있습니다.
2026.05.18 · 11 min read
Next.js 16 캐시 핸들러와 Redis 리모트 캐시 연동
Next.js 16 앱을 두 대 이상의 인스턴스로 띄워놓고 revalidateTag('post:5')를 호출하면, 새로고침을 여러 번 했을 때 어떤 요청은 새 데이터, 어떤 요청은 옛 데이터가 섞여 나옵니다. 무효화 호출이 도달한 한 인스턴스에서만…
2026.05.17 · 24 min read
Next.js Pages Router vs App Router 렌더링 모델 비교
Next.js의 App Router는 Pages Router와 단순히 "최신 버전"의 관계가 아닙니다. 렌더링 모델 자체가 다르고, 같은 용어("Pre-rendering")가 서로 다른 범위를 가리킵니다. 이 글은 두 라우터의 차이를 용어 정의부터…
2026.05.12 · 12 min read
모바일 디자인 시스템에서 CSS를 의도의 언어로 다루기
CSS는 시각적 결과만 맞으면 통과하는 코드처럼 다뤄지기 쉽습니다. padding: 12px 16px은 분명히 동작합니다. 그러나 이 코드는 "왜 12px인지", "왜 좌우와 상하가 다른지", "다른 언어가 들어오면 괜찮은지"에 대해 아무것도 말하지…
2026.03.20 · 5 min read
TypeScript 제네릭의 역방향 추론 한계와 infer 패턴
제네릭 함수에서 타입 파라미터가 여러 개일 때, TypeScript가 일부 타입을 제대로 추론하지 못하는 경우가 있습니다. 타입 체크 자체는 통과하지만 에러 메시지가 불명확하거나, 반환 타입이 unknown으로 폴백되는 현상입니다. 이 글에서는 왜…
2026.03.18 · 5 min read
Entire: AI 에이전트 시대의 컨텍스트 버전 관리
AI 에이전트로 코드를 작성하다 보면, 에이전트가 잘못된 방향으로 빠지는 순간이 옵니다. 수십 턴의 대화 끝에 원래 의도와 전혀 다른 코드가 나오고, 되돌리려면 어디서부터 잘못됐는지 추적해야 합니다. Git은 코드의 변경 이력을 관리하지만,…
2026.03.14 · 9 min read
Claude Code 스킬로 React 컨벤션을 구조적으로 강제하기
AI 코드 어시스턴트에게 "React 컴포넌트 만들어줘"라고 말하면, 코드는 나옵니다. 하지만 내 팀의 컨벤션대로 나올까요? props 네이밍, 폴더 구조, 상태관리 패턴, 테스트 방식 — 매번 같은 피드백을 반복하고 있다면, 문제는 AI가 아니라…
2026.03.10 · 11 min read
React 로딩 UX 전략
로딩 UI는 단순한 스피너 선택의 문제가 아닙니다. 로딩을 언제 보여줄지, 아예 안 보여줄 수 있는지, 그리고 데이터가 실시간으로 바뀔 때는 어떻게 갱신할지까지 고려해야 합니다. 이 글에서는 로딩 플리커 문제부터 시작해서, 캐시와 실시간 데이터까지…