imprun engineering

작성일: 2025년 11월 24일카테고리: Frontend Architecture키워드: Feature-Sliced Design, FSD, React, 프론트엔드 아키텍처, 모듈화, 레이어드 아키텍처요약Feature-Sliced Design(FSD)은 프론트엔드 프로젝트의 구조를 표준화하는 아키텍처 방법론입니다. 기술 중심이 아닌 비즈니스 기능 중심으로 코드를 조직하며, 7개의 레이어와 엄격한 의존성 규칙을 통해 확장 가능하고 유지보수하기 쉬운 코드베이스를 구축합니다. 현재 20,000개 이상의 오픈소스 프로젝트에서 채택되고 있습니다.FSD가 해결하는 문제전통적인 프론트엔드 구조의 한계대부분의 React 프로젝트는 다음과 같은 기술 중심 구조로 시작합니다:src/├── components/│ ├── ..

작성일: 2025년 11월 24일카테고리: AI, DevTools, Configuration키워드: Claude Code, Gemini CLI, OpenAI Codex, AGENTS.md, CLAUDE.md, AI Agent요약Claude Code, Gemini CLI, OpenAI Codex CLI 세 가지 AI 에이전트에서 AGENTS.md를 인식하도록 설정하는 방법을 정리합니다. 각 에이전트의 기본 파일명과 설정 방법이 다르지만, 적절한 설정을 통해 단일 AGENTS.md 파일로 모든 에이전트를 통합 관리할 수 있습니다.문제 상황배경모노레포 환경에서 여러 AI 코딩 어시스턴트를 사용할 때 다음 문제가 발생합니다:각 에이전트가 인식하는 기본 파일명이 다름 (CLAUDE.md, GEMINI.md, AG..

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월 24일카테고리: AI, UX Design, API Gateway키워드: Claude, GPT Codex, Gemini, AI Review, UX, Menu Structure, API Gateway요약B2B API Gateway 플랫폼의 콘솔 메뉴 구조를 세 가지 AI 모델(Claude Sonnet 4.5, GPT 5.1 Codex Max, Gemini Pro 2.5)에게 리뷰 요청했습니다. 동일한 아키텍처 문서와 메뉴 스크린샷을 제공하고, 각 모델이 어떤 관점에서 피드백을 제시하는지 비교 분석했습니다. 세 모델 모두 긍정적인 평가를 내렸으나, 리뷰 스타일과 강조점에서 흥미로운 차이를 보였습니다.문제 상황배경imprun API Gateway Control Plane은 Provid..