AI Agent를 위한 Frontend 개발 가이드: AGENTS.md로 Next.js + shadcn/ui 프로젝트 구조 설계작성일: 2025년 11월 24일카테고리: Frontend, AI, Architecture키워드: Next.js, React, AI Agent, AGENTS.md, CLAUDE.md, shadcn/ui, TanStack Query, Zustand요약AI 코딩 어시스턴트(Claude, Copilot 등)와 협업할 때 프로젝트 구조를 명확히 문서화하면 AI가 일관된 코드를 생성합니다. 이 글에서는 Next.js 16 + shadcn/ui 기반 프로젝트에서 AI Agent가 따라야 할 아키텍처 패턴, 네이밍 컨벤션, 데이터 흐름을 정의하는 방법을 공유합니다. 실제 B2B API Gat..
작성일: 2025-11-05카테고리: NestJS, React, TypeScript, JWT, Axios, Zustand, API, 에러처리난이도: 중급TL;DR문제: NestJS + React 프로젝트를 시작할 때마다 표준 응답, HTTP 클라이언트, 인증 스토어를 처음부터 구현해결: 재활용 가능한 3가지 핵심 코드 패턴 정립 (ResponseUtil, httpClient, authStore)핵심: "일관된 에러 처리와 타입 안정성이 개발 속도를 3배 높인다"결과: 약 2시간 소요되던 초기 설정이 10분으로 단축 (실제 경험)들어가며imprun.dev는 "API 개발부터 AI 통합까지, 모든 것을 하나로 제공"하는 Kubernetes 기반 API 플랫폼입니다.imprun.dev 플랫폼을 개발하면서 매번..
- Total
- Today
- Yesterday
- security
- authentication
- react
- Go
- Next.js
- architecture
- Claude Opus 4.5
- Tailwind CSS
- NestJS
- backend
- ai coding
- api gateway
- feature-sliced design
- Developer Tools
- zustand
- Claude
- AI
- authorization
- AGENTS.md
- CLAUDE.md
- GPT-5.1
- EnvironmentAgnostic
- Development Tools
- imprun.dev
- troubleshooting
- Gemini 3.0
- Kubernetes
- frontend
- AI agent
- claude code
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
