AIG (AI-integrated Ground)
LangGraph 기반 AI 코딩 에이전트와 함께 알고리즘 문제를 푸는 웹 기반 학습 플랫폼입니다. 에이전트가 코드 작성·디버깅·힌트 제공을 실시간으로 보조하며, 실행 흐름 전체를 Langfuse 스타일 Trace 뷰어로 세션 단위로 추적할 수 있도록 설계하였습니다. 사용자별 하네스 시스템으로 에이전트의 동작 방침과 프롬프트를 코드를 건드리지 않고 커스터마이징할 수 있도록 구현하였습니다.
개발 기간
2026.04 - 2026.05
팀 구성
6인 팀
담당 역할 및 기여
프론트엔드 전담 — IDE·Trace·하네스·리포트 전체 설계 및 구현 (전체 커밋의 65%)
IDE 워크벤치 — Monaco Editor 멀티탭·패널 리사이즈·diff 뷰 구현
LangGraph 에이전트 Trace 뷰어(TraceWorkbench) 단독 설계 및 구현
에이전트 SSE 스트리밍 채팅 패널 및 worktree 카드 UI 구현
하네스 페이지 — 빌드/활성화 흐름 및 BYOK(사용자 API 키) 설정 구현
제출 채점 결과 패널 — QUEUED·RUNNING·COMPLETED 상태 및 큐 대기 순서 표시
리포트 페이지 — 5축 레이더 차트·마크다운 렌더링 구현
백엔드 API 통합 및 응답 스펙 호환 수정 16건
기술 스택
Next.js
TypeScript
React
Zustand
TanStack Query
Monaco Editor
Spring Boot
Java
PostgreSQL
Redis
RabbitMQ
LangGraph
Python
FastAPI
Docker
Nginx
Jenkins