플러스프로젝트 배경
AI 코딩 도구는 빠르게 코드를 생성할 수 있지만, 사용자가 생성된 코드의 구조와 흐름을 이해하지 못하면 유지보수가 어려워지는 문제가 있습니다. 특히 비개발자, 1인 창업자, 초기 스타트업은 AI가 만든 코드가 어떤 요구사항에서 나왔는지, 어떤 기능과 연결되어 있는지, 어디를 수정해야 하는지 파악하기 어렵습니다. 이 프로젝트는 코딩 전에 요구사항을 먼저 그래프 구조로 변환해 사용자가 프로그램의 목적, 기
프로젝트 성과
자연어 요구사항 기반 그래프 JSON 생성 구조 구현
사용자가 입력한 앱 아이디어를 UI, 로직, DB, API 유형의 노드와 기능 간 연결 관계를 나타내는 엣지 구조로 변환하는 JSON 생성 흐름을 구현했습니다.
React Flow 기반 코드 생성 그래프 시각화 구현
AI가 생성한 노드·엣지 JSON을 프론트엔드에서 그래프 UI로 표시하고, 각 기능의 역할, 동작 방식, 데이터 흐름을 화면에서 확인할 수 있도록 구성했습니다.
1차 세계·2차 세계 기반 생성 흐름 구성
요구사항을 먼저 업무 주체와 데이터 흐름 중심의 1차 세계 그래프로 정리하고, 이를 실제 프로그램 구조를 나타내는 2차 세계 그래프로 확장하는 흐름을 구현했습니다.
자연어 기반 그래프 수정 에이전트 구현
사용자의 수정 요청을 기존 그래프 JSON에 반영하고, 수정된 노드·엣지·필드 정보를 다시 프론트엔드 그래프 UI에 표시하는 구조를 구현했습니다.
핵심 기능
자연어 요구사항 기반 그래프 생성
사용자가 만들고 싶은 프로그램을 자연어로 입력하면 기능, 화면, 로직, 저장, 외부연동 단위의 그래프 데이터로 변환합니다.
진행 단계
요구사항 분해 기준 수립
2026.05.
AI 생성 코드가 왜 수정하기 어려운지 정리하고, 요구사항을 기능·화면·데이터 흐름 단위로 나누는 기준을 만들었습니다.
프로젝트 상세
1) 포트폴리오 소개: 서비스의 메인 타깃과 카테고리 등을 포함한 간략한 소개 - 예시) 주부들을 위한 생활용품 커머스 웹 디자인 2) 작업 범위: 디자인 작업 범위 및 지원 환경 - 예시) 기능 정의 및 개발, 화면 설계 및 개발, 관리자 페이지 기획 및 개발 등 - 예시) Android, iOS, 반응형 웹 등 3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지 - 예시) 회원등
