Dev journal
프론트엔드 개발 경험과 기술 스택을 정리한 글 모음입니다.총 52편
Anthropic이 공개한 MCP 프로토콜로 AI 모델에 외부 도구를 연결하는 방법을 정리합니다. 서버 만들기부터 Claude Desktop 연결까지.
React 19에 정식 도입된 useOptimistic 훅으로 낙관적 업데이트 패턴을 구현하는 방법을 정리합니다. Server Actions와의 조합까지 다룹니다.
Vercel AI SDK의 generateObject를 사용해 LLM 응답을 Zod 스키마에 맞는 구조화된 JSON으로 받는 방법을 정리합니다.
Vercel AI SDK를 사용해 스트리밍 챗봇을 구현하는 방법을 정리합니다. 서버 라우트부터 클라이언트 UI까지.
Expo Router v3를 사용해 파일 시스템 기반 네비게이션을 구성하는 방법과 주요 패턴을 정리합니다.
뷰포트 대신 부모 컨테이너 크기를 기준으로 스타일을 조건부로 적용하는 Container Queries 사용법을 정리합니다.
Partial, Required, Pick, Omit, Record 등 TypeScript 내장 유틸리티 타입의 원리와 실전 활용법을 정리합니다.
TanStack Query(React Query)로 비동기 서버 상태를 캐싱·동기화하는 방법과 useQuery, useMutation 핵심 패턴을 정리합니다.
Railway에서 PostgreSQL을 세팅하고 Vercel에 배포된 Next.js 프로젝트와 연결하는 과정을 정리합니다.
Next.js 프로젝트에 Clerk 소셜 로그인을 붙이면서 겪은 과정과 삽질 포인트를 정리합니다.
4 / 6 페이지