Blog
개발에 대한 생각과 경험을 기록합니다.
All [122]AI [106]AI News [58]AI Agent [33]AI Infrastructure [33]AI Coding [27]LLM [24]Productivity [17]TypeScript [12]Claude Code [10]Tooling [8]Security [7]Workflow [7]MCP [5]Web Framework [5]Backend [3]Testing [2]Agent SDK [1]Biome [1]Cursor [1]Database [1]Drizzle [1]Effect [1]ESLint [1]Functional Programming [1]GitHub Copilot [1]Hono [1]ORM [1]Prettier [1]Tailwind CSS [1]Validation [1]Vitest [1]Zod [1]Zustand [1]
OpenUI가 JSON을 밀어내고 있다, 생성형 UI 표준 전쟁의 서막
LLM이 UI를 직접 생성하는 시대가 열리고 있습니다. Thesys의 OpenUI가 JSON 대비 67% 토큰 절약과 3배 빠른 렌더링으로 생성형 UI의 새 표준을 제시하며, Vercel json-render, CopilotKit과 3파전을 벌이고 있습니다.
[AI]
tRPC 실전 가이드: TypeScript로 스키마 없는 타입 안전 API 구축하기
REST의 타입 불일치, GraphQL의 스키마 피로감을 해결하는 tRPC의 핵심 개념부터 Next.js App Router 통합, 인증 미들웨어 패턴까지 실전 코드와 함께 알아봅니다.
[TypeScript]
Zustand 완벽 가이드: React 상태 관리를 단순하게 만드는 법
Redux 보일러플레이트와 Context 리렌더링 문제에 지쳤다면, 1.2KB 경량 상태 관리 라이브러리 Zustand의 핵심 API부터 미들웨어, 실전 패턴, 안티패턴까지 알아봅니다.
[Zustand]
Tailwind CSS v4 실전 가이드: CSS 우선 설정과 새로운 기능 총정리
Tailwind CSS v4의 CSS-first 설정 패러다임, Oxide 엔진의 빌드 성능 개선, Container Queries 등 새 기능, 그리고 v3에서의 마이그레이션 방법을 실전 코드와 함께 정리합니다.
[Tailwind CSS]
Hono: 어디서든 돌아가는 초경량 웹 프레임워크
Express를 대체할 차세대 웹 프레임워크 Hono의 설치부터 라우팅, 미들웨어, 다양한 런타임 배포까지 핵심 기능을 알아봅니다.
[Hono]