문제점
- 1차 개발 이후 타 업체에서 추가 개발된 소스의 구조 및 품질이 불분명
- UI/UX와 기능이 사용자 니즈에 맞지 않아 작업 효율과 데이터 활용도 저하
- 내부 인프라 미흡으로 인해 운영 및 유지보수에 어려움 발생

목표
- 기개발된 소스 코드 분석 및 통합을 통해 전체 솔루션 안정화
- 작업지시서의 디자인 및 기능을 고도화하여 사용자 편의성과 생산성 향상
- 내부 운영 인프라 정비 및 비즈니스 방향 재정립을 통한 장기적 확장 기반 마련

주안점
- 기존 소스 및 시스템 구조 파악 후 안정적인 유지보수 기반 확보
- UI/UX 개선을 통한 작업 흐름 최적화 및 시각적 일관성 확보
- 데이터 구조 개선 및 시스템 확장성 고려한 기능 설계
- 협업 인력의 작업 효율 관리 및 일정 조율을 위한 체계적인 프로젝트 운영

■ 프로젝트 배경
본 프로젝트는 의류 산업에서 사용되는 작업지시서 시스템의 UI/UX 고도화 및 기능 개선을 목표로 진행되었습니다. 자사에서 1차로 기본 구조와 핵심 기능을 개발한 이후, 타 업체를 통해 추가 기능 개발이 일부 진행되었으나, 설계 및 구조의 일관성 부족, 미완성된 기능들, 불완전한 유지보수 구조로 인해 전체적인 시스템 안정성에 문제가 발생하였습니다. 이에 따라 자사가 해당 프로젝트를 재이관 받아 솔루션의 복구 및 고도화 작업을 수행하게 되었습니다.

■ 프로젝트 과정
- ReactJS 기반의 프론트엔드 구조를 재정비하고, 각 화면 및 기능 요소들을 컴포넌트 중심으로 재설계하여 유지보수성과 확장성을 높였습니다.
- 사용자 편의를 고려하여, 이미지 업로드 및 관리 기능, 피그마와 유사한 UI 구성 기능(예: 드래그/드롭, 레이어 처리 등)을 추가 개발하였습니다.
- 기존 타 업체에서 개발 도중 중단되거나 오류가 있었던 부분들을 기획 의도에 맞게 분석 및 수정하고, 안정적인 서비스 운영이 가능하도록 인프라도 함께 개선해 나가고 있습니다.

주요 기술적 이슈
- 비표준 구조 및 중복된 코드로 인해 유지보수가 어려웠던 문제
- 이미지 저장 및 렌더링 처리에 있어 브라우저 호환성 문제 및 성능 저하 이슈
- 컴포넌트 간 의존성이 강해 일부 기능 수정 시 전체 시스템에 영향을 주는 구조
- 버전 관리가 명확하지 않고, 개발 이력이 체계적으로 정리되지 않아 인수인계가 어려웠던 상황

해결 방안
- 모듈화 및 컴포넌트화 전략 도입 → 핵심 UI 요소들을 재설계하여 재사용성과 관리 효율성 확보
- 이미지 처리 기능 개선 → S3 등 외부 저장소 연동 및 Lazy Loading 적용으로 성능 개선
- 기능별 Git 브랜치 전략을 활용하여 작업 이력을 명확히 구분하고 충돌 방지
- 기존 기능 구조와 데이터 흐름을 전면 분석한 후, 기획-디자인-개발 간 체계를 정립하여 기능 단위의 고도화 작업을 순차적으로 진행 중