안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
IBK기업은행 하남 데이터센터 이전 실시간 상황판 구축 (2024)
개발 · 디자인 · 기획
관제ㆍ모니터링, 통계ㆍ대시보드, 스크래핑ㆍAPI
프로젝트 배경
IBK기업은행은 기존 용인 수지IT센터의 전산설비를 경기도 하남시 미사강변도시의 'IBK하남데이터센터'로 이전했습니다. 하남데이터센터는 기존 수지IT센터 대비 약 3배 이상 규모로 신축되었으며, 계정계·비대면 채널 등 대고객 시스템의 안정성과 향후 확장성 확보를 목표로 추진되었습니다. 데이터센터 이전은 운영 중인 금융 시스템의 **업무연속성을 지키는 '무결점 이전'**이 핵심이었고, 2024년 10월부터
프로젝트 성과
이전 전 과정 실시간 가시화
총 8차에 걸친 전산설비 이전 현황을 상황실에서 실시간으로 한눈에 파악하도록 지원해, 진행 상황 공유와 신속한 의사결정 기반을 마련했습니다.
세부 이전 작업 추적 체계 구축
28개 단계·191건 이상의 세부 작업을 차수별로 등록·관리하며 계획 대비 실제 진척을 추적하는 체계를 구축했습니다.
현장 변수 통합 모니터링
이전 경로 4개 구간의 교통과 하남센터 날씨를 공공데이터로 연동해, 장비 운송에 영향을 주는 현장 변수를 한 화면에서 모니터링했습니다.
무인 실시간 상황 공유
WebSocket 실시간 표출과 공지·이슈 자동 스크롤로, 별도 조작 없이 상황실 대형 화면이 자동 갱신되도록 구현했습니다.
대규모 이전 안정 운영 지원
2024년 구축 후 2025년 7월 대고객 서비스 개시까지 이전 전 기간 동안 활용되며 IBK기업은행의 무결점 이전을 뒷받침했습니다.
핵심 기능
실시간 이전 현황 상황판
수지→하남 전산설비 이전 현황을 상황실 대형 화면에 표출하고, 전체 진행상태를 정상·경고·위험 색상 단계로 나타내는 관제 대시보드입니다.
진행 단계
제안 & 요건정의
2024.09.
상황판 기능정의, 차수·계층 구조 및 표출 항목 정의
프로젝트 상세
[ 프론트엔드 ] Next.js(App Router) 기반 상황실 표출 화면, MUI + TailwindCSS 스타일링 React Query(서버 상태) + Zustand(클라이언트 상태), socket.io-client 실시간 수신 차수 선택, 진척률 Progress Bar 색상 단계(정상·경고·위험), 공지·이슈 배너 자동 스크롤 [ 백엔드 ] NestJS(TypeScript) 모듈형 아키텍처

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

lr******
개발 · 법인사업자

프로젝트 정보

참여 기간
2024.09. ~ 2024.11.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
IBK기업은행
역할
요건정의·설계부터 프론트엔드·백엔드 개발, 공공데이터(교통·날씨) 연동, WebSocket 실시간 통신 구현, 배포 및 운영자 인수인계까지 전 과정을 자체 인력으로 수행
관련 기술
MariaDB
jwt
NextJS
TypeScript
3dsMax
Gabia Cloud
TailwindCSS
React Query
typeorm
mui
React
Swagger
socket.io
Zustand
OpenAPI