🏆45분
Challenge: 제조 AI 어시스턴트 전체 UI 완성
프론트엔드 UI 개발 (Streamlit)
Challenge: 제조 AI 어시스턴트 전체 UI 완성
통합 프로젝트 > 프론트엔드 UI 개발 (Streamlit)
요구사항
Chat 페이지: Agent 연동 채팅 + 도구 로그 표시
Documents 페이지: PDF/TXT 업로드 + 문서 목록
KG 페이지: pyvis 인터랙티브 그래프 + 검색
Dashboard 페이지: 도구 사용 통계 차트
사이드바: 시스템 상태 + 대화 초기화 + 통계
streamlit run app/main.py로 정상 실행
평가 기준
- • 4개 페이지가 모두 정상 렌더링되는가
- • Chat 페이지에서 대화 이력이 유지되는가
- • 문서 업로드가 정상 동작하는가
- • KG 그래프가 인터랙티브하게 동작하는가
- • UI가 직관적이고 사용하기 편리한가
보너스
- • 스트리밍 응답으로 실시간 타이핑 효과
- • KG 노드 클릭 시 상세 정보 표시
- • CSS 커스터마이징으로 브랜딩 적용