프로젝트 배경
1. 문제점: 기업 및 기관에서 업무망과 인터넷망 분리 요구가 증가하고 있었으나, 기존 솔루션들은 사용성이 떨어지거나 관리가 불편했음.
2. 프로젝트 목표: 가상화 기술을 활용하여 한 대의 PC에서 업무망/인터넷망을 완전히 분리하면서도, 사용자 경험을 해치지 않는 편의성을 제공하는 솔루션 개발.
3. 주안점: 가상 환경 전환 시 UI 응답속도 최적화 (로그인 후 빠른 가상 OS 전환), 드래그&드롭 금지 등 보안 UI 요소 명확히 전달, 관리자들이 실시간으로 다수 PC 상태를 모니터링하고 제어할 수 있는 웹 대시보드의 가시성.
2. 프로젝트 목표: 가상화 기술을 활용하여 한 대의 PC에서 업무망/인터넷망을 완전히 분리하면서도, 사용자 경험을 해치지 않는 편의성을 제공하는 솔루션 개발.
3. 주안점: 가상 환경 전환 시 UI 응답속도 최적화 (로그인 후 빠른 가상 OS 전환), 드래그&드롭 금지 등 보안 UI 요소 명확히 전달, 관리자들이 실시간으로 다수 PC 상태를 모니터링하고 제어할 수 있는 웹 대시보드의 가시성.
프로젝트 성과
제품 상용화 및 회사 성장 기여
MirageWorks 솔루션이 공공기관 망분리 사업에 다수 도입되며 매출 증대로 연결, 제품명 'MirageWorks'로 회사명이 변경될 만큼 주력 사업으로 성장.
보안인증 획득 지원
개발된 솔루션은 국내 CC인증 EAL3 등급을 획득하여 논리적 망분리 솔루션으로는 국내 최초 사례가 되었음
핵심 기능

이중 데스크톱 UI
사용자가 업무망용과 인터넷망용 두 개의 가상 데스크톱을 손쉽게 전환하도록 투명 UI 스위처를 구현

보안 정책 알림 및 제어
클립보드 복사 등의 금지 행동 발생 시 팝업 알림으로 사용자에게 즉시 경고. 관리자 설정에 따라 특정 사이트 접속 시도나 파일 반출 시도 등 위험 행위 로그를 축적하고, 해당 UI에 경고 카운트

관리자 웹 대시보드
사용자를 선택하면 원격 스크린샷, 강제 로그오프 등의 조치를 웹 인터페이스에서 수행. 이 대시보드는 Ajax로 10초마다 최신 정보를 가져와 갱신
진행 단계
UI 요구분석
2008.09.
망분리 사용 시나리오 정의 (업무→인터넷 전환, 파일 이동 제한 등) 후 이에 따른 UX 요건 도출. 보안 담당자와 협의하여 사용자 경고 메시지, 권한 설정 UI 등에 필요한 요소 설계
클라이언트 UI 개발
2008.10.
C# WinForms 기반으로 가상화 클라이언트 UI 구현 시작, 가상 데스크톱 런처 화면, 상태 표시 아이콘 등 개발. WPF 기술 일부 도입하여 애니메이션 효과 개발
관리 웹페이지 개발
2009.07.
시스템 관리자용 웹 대시보드 제작: 전체 가상 PC 상태(접속 여부, 오류 로그) 리스트, 원격 조치 기능 (세션 강제 종료 등) 구현. HTML/CSS로 기업 CI에 맞춘 디자인, JavaScript 동적 기능
필드 테스트 및 개선
2010.01.
금융기관 시범 설치 후 수집된 사용자 피드백 반영하여 UI 개선 (경고창 문구 수정, 단축키 추가 등). 업그레이드 버전(MirageWorks iDesk 2.0) 출시까지 유지보수
프로젝트 상세
1) 포트폴리오 소개
- 서비스 카테고리: 엔터프라이즈 보안 · 망분리(가상화) 솔루션
- 메인 타깃: 금융/공공기관 보안담당자, 기업 IT 관리자 및 일반 임직원
- 한 줄 소개: 인터넷망과 업무망을 PC 가상화로 분리하여 정보 유출·악성코드 확산을 차단하는 MirageWorks 클라이언트/관리자 UI
- 성과/적용: 회사 주력 제품으로 성장하여 제품명이 사명으로 변경될 정도의 성과 달성, 다수 금융·공공기관에 배포·운영
2) 작업 범위 (역할 및 지원환경)
담당 역할
- 클라이언트 프로그램 UI/UX: C# 기반 가상화 클라이언트 UX 설계 및 UI 구현(화면 전환, 파일 복사 제한 등 상호작용 표현)
- 관리자 웹페이지: HTML/CSS/JS로 모니터링/제어용 관리자 웹 UI 제작
- 제품 소개 웹사이트: 솔루션 특징/도입 효과 소개 페이지 제작
지원환경
- 클라이언트: Windows, C#/.NET
- 웹: 정적 웹(HTML/CSS/JS), 사내 인프라/온프레미스 배포
3) 주요 업무 (핵심 기능/페이지)
가상화 클라이언트 UI
- 망 전환 UX: 인터넷망↔업무망 컨텍스트 전환 시 시각적 피드백·안내
- 보안 정책 반영 UI: 파일 복사/붙여넣기·드래그앤드롭 제한 상태 표시 및 예외 처리 흐름
- 세션/상태 표시: 연결 상태, 가상 데스크톱 활성화, 경고/공지 배너
관리자 웹페이지
- 실시간 모니터링 대시보드: 사용자 세션, 정책 적용 현황, 경보 이벤트
- 제어/정책 관리: 사용 권한, 데이터 이동 정책, 세션 강제 종료/차단
- 로그/리포트: 접속 이력, 정책 위반/시도 기록, 검색·필터·내보내기
소개 웹사이트
- 제품 개요/아키텍처/도입 효과 섹션, FAQ 및 문의 유도 CTA
4) 주안점 (중점 사항)
- 보안-사용성 균형: 강한 통제(복사 제한·망전환)에도 직관적 피드백으로 업무 흐름 저해 최소화
- 오류·위험 가드레일: 민감 조작에 확인 단계/경고 메시지 일관화, 오작동·혼선 방지
- 가시성/신뢰성: 현재 망/세션/정책 상태를 즉시 식별 가능하도록 정보 구조화
- 운영 효율: 관리자 웹 모니터링·제어 일원화, 로그 표준화로 감사/보고 용이
- 확장성/일관성: 클라이언트·웹 전반 통합 디자인 시스템 적용, 기관 맞춤 정책 확장 고려
- 서비스 카테고리: 엔터프라이즈 보안 · 망분리(가상화) 솔루션
- 메인 타깃: 금융/공공기관 보안담당자, 기업 IT 관리자 및 일반 임직원
- 한 줄 소개: 인터넷망과 업무망을 PC 가상화로 분리하여 정보 유출·악성코드 확산을 차단하는 MirageWorks 클라이언트/관리자 UI
- 성과/적용: 회사 주력 제품으로 성장하여 제품명이 사명으로 변경될 정도의 성과 달성, 다수 금융·공공기관에 배포·운영
2) 작업 범위 (역할 및 지원환경)
담당 역할
- 클라이언트 프로그램 UI/UX: C# 기반 가상화 클라이언트 UX 설계 및 UI 구현(화면 전환, 파일 복사 제한 등 상호작용 표현)
- 관리자 웹페이지: HTML/CSS/JS로 모니터링/제어용 관리자 웹 UI 제작
- 제품 소개 웹사이트: 솔루션 특징/도입 효과 소개 페이지 제작
지원환경
- 클라이언트: Windows, C#/.NET
- 웹: 정적 웹(HTML/CSS/JS), 사내 인프라/온프레미스 배포
3) 주요 업무 (핵심 기능/페이지)
가상화 클라이언트 UI
- 망 전환 UX: 인터넷망↔업무망 컨텍스트 전환 시 시각적 피드백·안내
- 보안 정책 반영 UI: 파일 복사/붙여넣기·드래그앤드롭 제한 상태 표시 및 예외 처리 흐름
- 세션/상태 표시: 연결 상태, 가상 데스크톱 활성화, 경고/공지 배너
관리자 웹페이지
- 실시간 모니터링 대시보드: 사용자 세션, 정책 적용 현황, 경보 이벤트
- 제어/정책 관리: 사용 권한, 데이터 이동 정책, 세션 강제 종료/차단
- 로그/리포트: 접속 이력, 정책 위반/시도 기록, 검색·필터·내보내기
소개 웹사이트
- 제품 개요/아키텍처/도입 효과 섹션, FAQ 및 문의 유도 CTA
4) 주안점 (중점 사항)
- 보안-사용성 균형: 강한 통제(복사 제한·망전환)에도 직관적 피드백으로 업무 흐름 저해 최소화
- 오류·위험 가드레일: 민감 조작에 확인 단계/경고 메시지 일관화, 오작동·혼선 방지
- 가시성/신뢰성: 현재 망/세션/정책 상태를 즉시 식별 가능하도록 정보 구조화
- 운영 효율: 관리자 웹 모니터링·제어 일원화, 로그 표준화로 감사/보고 용이
- 확장성/일관성: 클라이언트·웹 전반 통합 디자인 시스템 적용, 기관 맞춤 정책 확장 고려
