오퍼링 > 소프트웨어 테크놀로지 서비스 > 데브옵스 플랫폼 > UI 플랫폼

UI(User Interface) 플랫폼

Vue.js 기반 UI 프레임워크와 비주얼 스튜디오 코드 기반 IDE를 내장한 웹 프론트엔드 개발 플랫폼을 제공합니다.

트렌드

빠르게 변화하는 웹 기술에 대응하여 개발 환경을 업그레이드 해야 합니다.

웹 UI 다양성 및 복잡성 증가
UI는 사용자와 직접 만나는 영역으로 복잡한 비즈니스와 기능을 보다 편리하게 제공하기 위해 빠르게 변화하고 있습니다. 모바일 기기가 전체 웹 트래픽의 절반 이상을 차지하고 있으며 네이티브(Native) 애플리케이션 대비 단순한 기능을 제공하던 웹 애플리케이션은 온라인 비즈니스와 클라우드의 폭발적인 성장으로 점점 복잡한 서비스와 높은 성능을 요구 받고 있습니다. 바로 반응형(Responsive) 웹과 프로그레시브(Progressive) 웹이 필요한 이유입니다.
서비스 업그레이드 주기 단축
디지털 트랜스포메이션이 가속화되면서 고객들은 새로운 경험을 받아들이는데 익숙해져 갑니다. 아무리 좋은 서비스라도 트렌드에 뒤쳐지거나 VoC 반영이 늦다면 고객들은 떠나게 됩니다. 특히 고객은 UI를 통해 서비스를 평가하므로, 기업의 UI는 빠르게 업그레이드 되고 끊임없이 혁신해야 합니다.
도전적인 개발 생산성 향상 필요
복잡한 고객 요구 사항을 만족시키는 서비스를 빠르게 딜리버리하기 위해 과거 어느 때보다 도전적인 개발 생산성 향상이 필요하게 되었습니다. UI 플랫폼은 복잡한 로우 레벨 영역을 추상화하고 다양한 필수 UI 컴포넌트와 손쉽게 사용 가능한 개발도구를 제공합니다. 개발자는 비즈니스 로직 개발에 집중하고 유지보수도 효율적으로 할 수 있습니다. 또한 웹 기술을 잘 모르는 비전문 개발자(Citizen Developer)도 쉽게 개발에 참여할 수 있습니다.

제공 서비스

UI 플랫폼 개발

Vue.js 기반 UI 프레임워크와 비주얼 스튜디오 코드 기반 IDE(Integrated Development Environment)를 내장한 웹 프론트엔드 개발 플랫폼을 제공합니다.

개요

뛰어난 생산성과 안정성을 갖춘 웹 표준 기반 개발 플랫폼을 제공합니다.

웹 표준 및 오픈소스 Vue.js 기반의 UI 프레임워크와 컴포넌트, 위지위그(WYSIWYG) 방식의 편리한 UI 저작 도구, 개발자들에게 친숙한 비주얼 스튜디오 코드 기반 편집기를 포함한 엔터프라이즈 프론트엔드 통합 개발 환경을 제공합니다.

서비스 내용

Vue.js 기반 프레임워크 및 컴포넌트 제공
웹 표준을 준수하는 오픈소스 Vue.js 기반 프레임워크를 제공하여 타 솔루션 연계가 용이하고 한 번의 개발로 다양한 환경에 적용할 수 있습니다. Vue.js는 점진적으로 채택할 수 있도록 설계된 프로그레시브 웹 프레임워크이며 뷰 레이어(View Layer)에 초점을 맞춰 다른 라이브러리나 기존 프로젝트와 통합이 쉽습니다.
다양한 디바이스와 사용 환경에 최적화된 Vue.js 컴포넌트를 제공하여 정교한 웹 서비스를 완벽하게 지원할 수 있습니다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있으며 코드를 쉽게 이해하고 기본 HTML 엘리먼트를 확장하여 다시 재사용 가능한 컴포넌트를 만들 수 있습니다.
UI 개발에 최적화된 개발도구 제공
Vue.js 기반 UI에 특화된 개발 도구와 재사용 가능한 샘플 코드를 제공하여 프로젝트 기본 구조 생성부터 위지위그 기반 UI 레이아웃 구성 및 스타일링을 빠르게 진행할 수 있습니다. 비주얼 스튜디오 코드와 통합된 IDE는 UI 작성에서 비즈니스 로직 개발까지 직관적으로 연계되어 고객 요구 사항에 따른 복잡한 UI를 누구나 쉽고 빠르게 개발할 수 있습니다.

특장점

One Source Multi Use
한번 개발로 다양한 환경(OS)에 적용할 수 있어 개발 생산성과 유지 보수성이 뛰어납니다.
위지위그 IDE
위지위그 방식의 직관적인 통합 개발 환경과 다수의 고급 컴포넌트를 탑재하여 UI 디자인부터 개발, 테스트까지 누구나 쉽고 빠르게 활용할 수 있습니다.
오픈소스 SW
개발자들에게 친숙한 오픈소스 기반 프레임워크 및 도구는 범용성이 뛰어나고 지속적으로 신규 기능과 안정화 업데이트를 제공합니다.
엔터프라이즈급 성능
기업용 애플리케이션에 최적화되어 차별화된 반응 속도와 확장성을 제공합니다.

고객 사례

표준 UI 개발 플랫폼을 활용해 프론트엔드 개발 생산성이 대폭 향상되었습니다.
– 국내 IT 서비스 선도 기업

도전 과제
A 기업은 국내 IT 서비스 선도 업체입니다. 갈수록 다양해지는 디지털 신기술과 고객 요구사항으로 인해 웹 프론트엔드 개발 난이도는 높아지고 주어진 예산으로 품질과 납기 목표를 맞추는 것이 점점 어려워졌습니다. 이에 다양한 고객 요구 사항을 만족시킬 수 있도록 강력한 기능을 제공하면서 누구나 쉽고 편리하게 활용할 수 있고 지속적으로 확장 가능한 UI 개발 플랫폼이 필요하게 되었습니다.

에스코어 서비스
에스코어는 A 기업의 프로젝트마다 파편화되어 있는 프론트엔드 개발 환경을 UI 플랫폼으로 표준화하여 고객 제안 단계부터 구축·유지보수까지 다양한 프로젝트에서 일관되게 활용할 수 있는 체계를 구현하였습니다.

또한 장기간 축적해 온 프론트엔드 구축 노하우를 UI 플랫폼과 접목하여 현장에서 필요한 도메인 확장 컴포넌트들을 확보하였습니다.

효과
A 기업은 UI 플랫폼과 비즈니스 노하우를 기반으로 자사 표준 UI 개발 플랫폼을 구축하여 비즈니스에 활용하고 있습니다.

정량적 효과
– 누구나 개발 가능한 위지위그 방식의 저작 도구와 완성도 높은 표준 컴포넌트로 개발 생산성 향상
– 화면 설계와 구현이 끊김 없이 유연하게 연결되어 품질 비용 절감
– 엔터프라이즈 프론트엔드 서비스 성능 향상

정성적 효과
– 고객별 상황에 최적화된 컴포넌트 확장 및 개발 방법론 적용 가능