사내 시스템 통합관리
운영 중인 React·Spring MVC 시스템을 인수해 기관·서버 관리와 지도·통계를 확장한 프로젝트입니다. 기존 상태 흐름과 데이터 관계를 분석하며 기능 추가와 오류 수정을 맡았습니다.
- 역할
- 개발2팀 · 기존 시스템 프런트엔드·백엔드 기능 확장 및 유지보수
- 사용 기술
공개 운영 화면
운영 화면 기록
해결 과제와 접근
여러 공간정보 시스템의 설치 기관, 서버, 일정과 사용자를 관리하던 기존 사내 업무 도구를 이어받았습니다. 새 시스템 유형을 수용하고 기관·서버 관계와 설치 현황을 조회할 수 있도록 기능을 확장했습니다. 운영 중인 코드의 상태 흐름과 데이터 관계를 먼저 이해하고, 필요한 기능과 오류 수정부터 적용했습니다.
화면 개발 · 기존 구조에서 기능 확장
• React 17·React Router·Ant Design으로 기관 목록·상세·등록·수정, 일정, 통계, 공통코드, 사용자 관리 화면을 연결 • 시스템 유형에 따라 기관·서버 입력 양식을 분기하고 서버 추가·삭제, 주소 검색, 유효성 검사, 라이선스 파일 업로드·다운로드 흐름 구현 • OpenLayers 6로 기관 좌표를 시스템별 포인트와 권역 경계 위에 표현하고, 선택한 기관의 명칭·위치·시스템 유형을 조회하는 분포 지도 구성 • ECharts로 권역별 설치·미설치 현황과 시스템별 분포를 시각화하고, 시스템 선택 메뉴와 접이식 사이드바로 통계 탐색 개선 • 화면 너비에 따른 레이아웃과 모바일 UI, 검색 상태 유지, 권한별 메뉴·등록 동작을 보완하고 Axios 인증·오류 처리 흐름 개선
서버 개발 · 관계 데이터와 집계 처리
• Java 8·Spring MVC의 Controller–Service–DAO 구조와 MyBatis·Oracle로 기관, 서버 설정, 사용자, 공통코드, 일정, 통계, 지도 데이터 API 구현·보완 • 시스템 유형에 따라 기관과 복수 서버 또는 서버 설정을 함께 저장·수정·삭제하도록 트랜잭션 처리하고 상세 조회 시 연결 데이터를 조합 • 권역·설치 여부·시스템 유형별 집계 쿼리와 지도용 기관 좌표 조회를 추가해 OpenLayers 지도와 ECharts 통계에 제공 • Spring Security의 JWT 인증과 BCrypt 비밀번호 처리, 사용자 승인·소속·권한 관리 흐름을 프런트엔드와 연계 • 다중 파일 업로드·다운로드와 Apache POI 기반 기관·서버 정보 Excel 출력 기능을 관리 업무에 연결
기술적 판단 · 레거시를 이해한 뒤 변경
React 클래스형 컴포넌트의 state·생명주기·this 바인딩을 중심으로 작성된 코드여서 화면별 상태 변화와 반복 로직부터 추적했습니다. 운영 영향을 파악하기 어려운 전면 재작성 대신 기존 구조 안에서 기능을 작은 단위로 추가하고 반복 코드를 일부 정리했습니다. 익숙한 방식으로 바꾸기보다 현재 시스템의 동작을 이해하고 변경 범위를 통제하는 유지보수 경험을 쌓았습니다.
구현 결과와 기여 범위
2024년 1~10월 작업 이력에는 시스템 유형 추가, 기관·서버 관리 통합, 지도·통계 확장, 주소 검색·모바일 UI, 사용자 소속·권한과 서버 등록·삭제 오류 개선이 남아 있습니다. 최초 설계·구축자가 아니라 기존 시스템을 이어받은 개발자로서, 요구 기능을 추가하고 운영 오류를 해결한 기여입니다.
검증 근거와 공개 범위
담당 기능과 기술은 프런트엔드·백엔드 소스와 커밋 이력으로 확인했고, 배포된 화면과 로컬 빌드의 일치 여부도 검토했습니다. 공개 화면에는 식별 정보를 가린 설치 통계 지도를 사용합니다. 원본 운영 데이터, 내부 주소, 계정, 라이선스 파일과 비공개 설정은 포함하지 않습니다.