흙막이 AI 지능화 설계 프로그램 UI 개발

이 건설 연구기관은 AI 기반 흙막이 설계 알고리즘을 자체 개발하여 우수한 연구 성과를 보유하고 있었습니다. 그러나 해당 알고리즘은 CLI(명령줄 인터페이스) 기반으로만 운영되어 소수의 숙련된 연구원만 활용할 수 있는 상황이었습니다. 파라미터 입력 과정이 복잡하고 오류 발생 시 원인 파악이 어려워 활용도가 제한적이었습니다. 연구 성과의 확산과 실무 적용을 위해 비전문가도 쉽게 사용할 수 있는 직관적인 웹 기반 UI 개발이 시급했습니다. 특히 여러 설계 조건을 시각적으로 비교하며 최적안을 도출하는 워크플로우를 지원하는 인터페이스가 필요했습니다.

15개 이상의 지반 공학 파라미터를 입력받아 AI 설계 알고리즘을 실행하고, 결과를 시각적으로 비교할 수 있는 인터페이스가 요구되었습니다. 토압 계수, 지하수위, 지층 구성, 앵커 간격 등 전문적인 파라미터의 입력 과정을 사용자 친화적으로 설계해야 했습니다. 비전문가도 가이드에 따라 쉽게 사용할 수 있으면서도, 전문가에게는 고급 설정을 제공하는 이중 구조가 관건이었습니다. 다수의 시뮬레이션 결과를 동시에 비교 분석하여 비용, 안전성, 시공성 측면에서 최적 설계안을 도출하는 기능이 필수적이었습니다. 기존 AI 엔진의 백엔드 API와의 안정적인 연동과 비동기 처리도 기술적으로 해결해야 할 과제였습니다.

연구원들의 기존 CLI 워크플로우를 면밀히 분석하여 핵심 사용 시나리오 8가지를 정의하고 우선순위를 설정했습니다. 복잡한 파라미터 입력을 지반 조건, 구조 조건, 시공 조건 등 단계별 위자드 방식으로 구성하여 입력 부담을 줄였습니다. 결과물은 D3.js 기반의 인터랙티브 차트로 시각화하여 단면도, 변위도, 응력 분포 등을 직관적으로 파악할 수 있도록 설계했습니다. 연구원들을 대상으로 초기 프로토타입 사용성 테스트를 수행하여 UI 흐름을 검증하고 개선 사항을 반영했습니다. 자주 사용하는 파라미터 조합을 프리셋으로 저장하고 재활용할 수 있는 기능도 설계에 포함했습니다.

React 기반으로 파라미터 입력 위자드, 실시간 설계 결과 시각화, 다중 시뮬레이션 비교 기능을 구현했습니다. 단계별 입력 위자드에는 각 파라미터의 설명 툴팁과 유효 범위 검증 로직을 내장하여 입력 오류를 사전에 방지합니다. AI 엔진과 REST API로 연동하여 비동기 시뮬레이션 실행과 결과 조회가 가능하며, 진행 상태를 실시간으로 확인할 수 있습니다. 최대 5개의 시뮬레이션 결과를 나란히 비교하는 대시보드를 제공하여 설계 대안 간 차이를 한눈에 파악할 수 있습니다. 결과 데이터를 PDF 보고서 형태로 내보내는 기능도 구현하여 연구 문서 작성 효율도 높였습니다.

React 기반의 직관적인 설계 파라미터 입력, 결과 시각화, 시뮬레이션 비교 UI를 성공적으로 개발하여 연구기관에 납품했습니다. 기존 CLI 대비 시뮬레이션 비교 효율이 3배 향상되어 연구원들의 설계 검토 시간이 크게 단축되었습니다. 비전문가도 위자드를 따라 파라미터를 입력하고 결과를 확인할 수 있어 AI 설계 알고리즘의 활용 범위가 넓어졌습니다. 연구원들은 이 도구를 활용하여 더 많은 설계 대안을 빠르게 탐색하고 최적안을 도출할 수 있게 되었습니다. 이 프로젝트는 연구기관 내부에서 높은 평가를 받아 유사한 연구 도구 UI 개발의 레퍼런스 사례로 활용되고 있습니다.