feature-sliced design
-
Claude Opus 4.5 vs Gemini 3.0 Pro vs Gemini 2.5 Pro vs GPT-5.1 Codex Max: 프론트엔드 설계문서 비교실제 경험과 인사이트를 AI와 함께 정리한 글 2025. 11. 27. 00:05
작성일: 2025년 11월 26일카테고리: AI, Frontend, Architecture키워드: Claude Opus 4.5, Gemini 3.0, GPT-5.1, Feature-Sliced Design, Next.js, AI 코딩요약Gemini 3.0, GPT-5.1 Codex Max, Claude Opus 4.5가 연이어 출시된 직후, 동일한 프롬프트로 프론트엔드 설계문서 작성 능력을 비교했습니다. 동료가 공유한 LinkedIn 글에서 "디자인 영역에서 Gemini 3.0이 압승"이라는 평가를 보고 Gemini Ultra를 결제하여 직접 테스트해봤습니다. 실무 개발자 관점에서 복잡한 B2B SaaS 프론트엔드 설계문서 작성 테스트를 진행한 결과, Claude Opus 4.5가 문서 구조, 기술적 깊..
-
Feature-Sliced Design: 프론트엔드 아키텍처의 표준화된 접근법실제 경험과 인사이트를 AI와 함께 정리한 글 2025. 11. 24. 23:38
작성일: 2025년 11월 24일카테고리: Frontend Architecture키워드: Feature-Sliced Design, FSD, React, 프론트엔드 아키텍처, 모듈화, 레이어드 아키텍처요약Feature-Sliced Design(FSD)은 프론트엔드 프로젝트의 구조를 표준화하는 아키텍처 방법론입니다. 기술 중심이 아닌 비즈니스 기능 중심으로 코드를 조직하며, 7개의 레이어와 엄격한 의존성 규칙을 통해 확장 가능하고 유지보수하기 쉬운 코드베이스를 구축합니다. 현재 20,000개 이상의 오픈소스 프로젝트에서 채택되고 있습니다.FSD가 해결하는 문제전통적인 프론트엔드 구조의 한계대부분의 React 프로젝트는 다음과 같은 기술 중심 구조로 시작합니다:src/├── components/│ ├── ..