ArchiFit - 소프트웨어 아키텍처 설계 도구

프로젝트 개요

ArchiFit은 소프트웨어 아키텍처 설계를 연습하고 학습할 수 있는 웹 기반 도구입니다. 드래그 앤 드롭 방식의 노드/엣지 캔버스에서 Controller, Service, Repository 등 계층 구조를 시각적으로 설계하고, AI 분석을 통해 설계에 대한 피드백을 받을 수 있습니다.

담당 역할

풀스택 개발 (기획 → 설계 → 프론트엔드/백엔드 구현 → 배포)

주요 기능

• XYFlow 기반 노드/엣지 캔버스에서 아키텍처 다이어그램 설계
• 컴포넌트 팔레트(Controller, Service, Repository, DTO 등 프로젝트 내부 아키텍처 및 시스템 아키텍처) 드래그 앤 드롭 배치
• AI 기반 아키텍처 분석 및 피드백 제공
• 학습 모드와 테스트 모드를 통한 아키텍처 설계 역량 향상

도전과 해결

XYFlow 라이브러리를 활용해 커스텀 노드/엣지 타입을 구현하고, 복잡한 캔버스 상태 관리를 최적화함. AI 분석 결과를 실시간으로 제공하기 위한 스트리밍 응답 처리를 구현함.