폐쇄형 내부망 환경에서 설치형 프로그램의 한계를 극복하기 위해 웹 기반 컴퓨터 비전 분석 서비스를 개발하였습니다.

이미지 편집, 분석, 리포트, 작업 연계 및 확장 기능을 갖춘 대시보드를 구현했으며, 방대한 빅데이터를 효율적으로 처리하기 위해 메모리 최적화 기술을 적용했습니다.

사용자별 자유도가 높은 플로우를 고려하여 다양한 예외 상황을 테스트하고, 오류 발생을 최소화하는 안정적인 시스템을 구축했습니다. 또한 개발 외에도 단위 테스트에 많은 노력을 기울여, 예상되는 메모리 문제나 버그 발생 가능성을 사전에 공유하고 점진적으로 제거함으로써 개발 기간을 단축할 수 있었습니다.

추가로, 계약되어 있던 기획 및 디자인 인력이 철수하는 이슈가 발생했으나 이후 기획, 간단한 디자인, 퍼블리싱 등을 직접 수행하여 개발 비용과 기간을 크게 절감할 수 있었습니다.

주요 기능은 이미지 편집, Threshold, Clustering, 사용자 정의 모델 적용, 분석 리포트 생성 등이며, 수년간 경험해 온 시각화 및 대시보드 구축 노하우를 십분 발휘할 수 있었던 프로젝트였습니다.

포트폴리오 소개
웹 기반 이미지 분석 툴로, OpenCV를 활용해 이미지 데이터를 분석하고 Fabric.js와 Canvas를 통해 결과를 직관적으로 시각화합니다. 분석된 데이터는 분류·정리되어 리포트로 제공되며, threshold, clustering, AI 분석 등 다양한 기능을 지원합니다. 또한 포토샵 수준의 이미지 편집 기능과 자유로운 사용자 UX를 구현하고, 데이터 중첩 분석과 웹 메모리 최적화를 통해 효율적인 사용 환경을 제공합니다.

작업 범위
프로그램 구축과고도화 및 기능 추가 작업을 진행했습니다. 저희는 화면 개발을 담당하며 기본 그래픽 툴 기능, 화면 전환, 데이터 관리, 사용자 동선 최적화를 구현했습니다. 다년간의 유사 프로젝트 경험을 바탕으로 버그를 최소화하고 사용성을 높였으며, 고도화 단계에서는 퍼블리싱과 간단한 디자인 요소 배치까지 수행해 고객사의 리소스와 일정을 절감했습니다.

주요 기능
기본적인 이미지 편집 기능과 특정 영역 필터링, 데이터 관리 기능을 제공하며, threshold, clustering, AI 기반 분석을 지원합니다. 원본 이미지를 편집해 효율적인 분석이 가능한 상태로 만든 후 결과를 리포트로 확인할 수 있는 기능을 포함하고 있습니다.

사용 기술
Vue.js, Canvas, Fabric.js, OpenCV.js, D3