블로그
-
Turborepo 심화 가이드 — 원격 캐시·파이프라인·증분 빌드·대규모 모노레포
Turborepo 원격 캐시, 파이프라인 최적화, 증분 빌드, 다중 프레임워크, Docker·CI/CD, Changesets로 모노레포를 프로덕션 수준으로 운영하는 방법을 정리합니다.
-
Unkey 완벽 가이드 | API 키·RBAC·레이트 리밋·Next.js·tRPC·셀프 호스팅
오픈소스 API 개발 플랫폼 Unkey로 키 발급·검증, 사용량·과금, RBAC, 서버리스 레이트 리밋까지. Next.js·tRPC 연동과 SaaS 실전 패턴을 정리합니다.
-
Upstash Redis 완벽 가이드 — 서버리스 데이터베이스·엣지 캐시·레이트 리밋
Upstash Redis로 서버리스·엣지에서 캐시·레이트 리밋·메시지 큐를 구축하는 방법. REST·TCP, Vercel·Workers, QStash, 가격·한도까지 실무 정리.
-
Vitest Browser Mode 완벽 가이드 — 실제 브라우저 테스트·Playwright·비주얼 회귀
Vitest Browser Mode로 실제 브라우저에서 DOM·상호작용·비주얼 회귀 테스트를 수행하는 방법. Playwright·WebdriverIO 프로바이더, CI/CD, Jest와 비교까지 정리합니다.
-
Wxt 완벽 가이드 — 모던 브라우저 확장 프로그램 개발(Manifest V3·TypeScript·Vite)
Wxt로 Manifest V3·TypeScript·Vite 기반 확장을 만드는 법. 엔트리포인트, 콘텐츠 스크립트, 백그라운드, 스토리지, 메시징, 크로스 브라우저·실전 구축까지 정리합니다.
-
Zustand 심화 가이드 — 고급 상태 관리 패턴·Slice·미들웨어·성능·TypeScript
Zustand로 대규모 React 앱을 다루는 고급 패턴입니다. Slice·모듈화, persist·devtools·immer, 셀렉터 최적화, Store 타입, Jotai·Recoil 비교까지 실무 중심으로 정리했습니다.
-
Claude API 완전 가이드 | Anthropic SDK 실전 사용법·요금·함수 호출
Claude API(Anthropic SDK) 시작부터 실무 활용까지. API 키 발급, 메시지 API, 스트리밍, Tool Use(함수 호출), 프롬프트 캐싱, Vision, 요금 체계를 Python·TypeScript 예제로 정리했습니다.
-
Cursor AI 에디터 완전 가이드 | VS Code 기반 AI 코딩 도구 실전 활용
Cursor AI 에디터 사용법 완전 가이드. AI Chat, Composer(에이전트), Tab 자동완성, @Codebase 검색, .cursorrules 설정까지. VS Code 대비 장단점과 실전 팁을 정리했습니다.
-
MCP (Model Context Protocol) 완전 가이드 | AI 에이전트 표준 프로토콜
MCP(Model Context Protocol)는 Anthropic이 만든 AI와 외부 도구 연결 표준입니다. Claude Desktop, Cursor, VS Code에서 MCP 서버를 만들고 연결하는 방법을 Python·TypeScript 예제로 설명합니다.
-
CMake 에러 완벽 해결 가이드 | 빌드 실패·의존성·링커 에러 트러블슈팅
CMake 빌드 에러의 원인과 해결책을 상세히 분석합니다. 컴파일러 찾기 실패, 라이브러리 링킹 에러, 의존성 문제, 크로스 플랫폼 빌드 이슈까지 실전 트러블슈팅 가이드. Start now.