Hot Tech - 위즈윅 기반 원소스 멀티유즈를 지원하는 웹 및 앱 네이티브 통합 개발 플랫폼
Hot Tech는 기술을 선도하는 혁신기업으로부터 듣는 최신 기술동향입니다.
▲ 이우철 본부장
(주)투비소프트으로
기술 개발 배경
표준 웹 기반 시스템에 대한 시장의 요구가 거세다.
기존 기술의 기능이나 성능 제약을 해소하기 위한 대안으로 오랫동안 사용된 플러그인 기술은 이제 보안을 취약하게 하고 브라우저의 오작동을 일으키는 주범이 되었다.
넥사크로플랫폼 17(이하 넥사크로 17)은 이런 시장의 요구를 수용한 제품이다.
HTML과 자바스크립트, CSS 등 표준 기술만을 사용하였으며 SPA(Single Page Application)나 PWA(Progressive Web App)같은 최신 애플리케이션의 UI·UX를 손쉽게 구현할 수 있도록 자체 개발된 자바스크립트 프레임워크를 근간으로 하고 있다.
이를 통해 데스크 탑뿐 아니라 다양한 모바일 시스템도 하나의 개발 도구로 작성이 가능하여 보다 효율적으로 기업의 비즈니스 성장을 도모할 수 있게 되었다.
제품 소개
넥사크로 17은 웹브라우저 및 윈도우 전용 브라우저, 그 외 맥 OS 전용 브라우저까지 지원함으로써 비즈니스에 요구되는 모든 사용자 실행 환경에 접근이 가능해졌다.
또한 웹 환경에서 단일 폼 로딩을 위한 구조를 지원하며 초기 로딩 속도 등 성능 면에서 크게 강화되었다.
다양해지는 디바이스의 화면을 개발하기 위해 각각의 개발도구로 컴포넌트를 만들게 될 경우 그에 따른 개발 공수, 코드 수 등이 증가한다.
넥사크로 17은 하나의 개발도구로 모든 IT 사용자 화면을 개발할 수 있어 개발에 소요되는 프로세스 및 시간, 비용 등을 단축하여 기업의 경쟁력 강화는 물론 개발 효율성을 높일 수 있다.
넥사크로 17은 자바스크립트를 기반으로 한다. 이는 전 세계에서 가장 많이 쓰이는 개발 언어 중 자바스크립트를 기반으로 하여 개발 생산성, 고품질 유지, 유연한 확장성 등 다양한 기능을 탑재하였다.
넥사크로 17은 자체 개발 도구인 넥사크로 스튜디오에서 생성된 코드가 웹과 네이티브를 통합하는 'Unified Framework' 위에서 구동되는 구조를 가지고 있다.
투비소프트에서 자체 개발한 Unified Framework는 넥사크로 17에서 최적화된 프레임워크로 다양한 실행환경에서 최고의 기능과 성능을 제공한다.
위지윅(WYSIWYG)을 기반으로 한 드래그앤드랍(Drag&Drop) 방식인 넥사크로 스튜디오는 가장 쉽고 빠르게 시스템을 구축할 수 있도록 개발 편의성에 초점을 둔 제품이다.
사용성 모델 기반의 분석과 실제 사용자 테스트를 거쳐 기획된 넥사크로 스튜디오는 개발자의 편의성을 높이는 요소를 강화하고 디자이너, 퍼블리셔 등 역할에 따른 최적의 환경을 제공한다.
넥사크로 스튜디오에서 개발한 코드는 넥사크로 17만의 앱 빌더를 통해 Windows, Mac, Android, iOS 등 네이티브 앱과 웹 앱의 생성이 가능하다.
앱 빌더는 생성 및 관리, 외부 장치 API 등록, 앱 배포를 지원함으로써 개발에서 배포까지 한 번에 해결할 수 있는 통합 개발 환경을 제공한다.
제품 특징
넥사크로 17의 개선된 아키텍처는 모든 IT 실행 환경 지원은 물론 웹 서버, WAS, 서버 프레임워크 등 시스템 구축에 필요한 외부 요소와 연동이 용이하여 기업의 비즈니스 전략에 맞는 IT 환경 구축에 최적화 되어 있다.
다수의 웹 서버 및 프레임워크와의 연동이 가능하다.
독립적인 구조로 다양한 웹 서버, WAS와의 연동을 지원하고 스프링 등 서버 프레임워크와의 연동을 제공한다. 넥사크로 17은 개발 자유도가 높은 유연한 컴포넌트 구조를 갖고 있다.
유연한 스크립트 구조를 통해 기존 컴포넌트를 확장하여 업무에 특화된 기능을 개발자가 직접 구현할 수 있으며 사용자 컴포넌트 구축을 위한 위자드 기능을 제공한다.
웹 브라우저 컴포넌트와 플로그인 컴포넌트를 제공하여 외부 제품과의 유연한 연동을 통해 풍부한 기능의 시스템 구축이 가능하다.
또한 카메라, SMS 등 20여 가지 디바이스 API를 기본으로 제공하여 기기 고유의 특성 기능의 동일한 개발이 가능하다.
아키텍처의 근본적인 변화를 통해 화면 로딩 개선, 빠른 컴포넌트 브라우징 및 대용량 데이터 처리를 신속하게 지원할 수 있다.
더불어 효율적인 객체 관리를 통해 객체 및 데이터 렌더링 시간을 최소화하여 아키텍처 개선을 통한 최고의 성능을 구현할 수 있다.
화면 배치, 색상 변경 등의 화면 구성 요소를 일괄 처리하도록 하여 화면처리 성능 저하의 주원인인 Reflow, Repaint 발생 횟수를 최소화하고 InnerHTML 활용으로 화면 로딩속도 향상이 가능하다.
CSS 표준문법 사용으로 화면 로딩속도 개선 및 디자인 처리 향상, 이벤트 처리 구조를 개선하여 브라우저별 보정기능 작업 제거로 수행속도 또한 향상시킬 수 있다.
그 외 컴포넌트 최적화 및 소스 배치(Deploy)를 통해 통신 트래픽을 최소화시키고, 프로젝트 또는 개별 화면 단위의 Line Debugging 기능을 제공하여 개발 생산성을 한 단계 끌어올렸다.
넥사크로 17은 기존 아키텍처를 대폭 개선하여 웹의 기능은 최대한 수용하면서 전용 브라우저에 대한 노하우를 집약하여 기존 UI·UX 플랫폼의 한계를 극복하고 어떤 환경에서도 최고의 속도와 성능을 제공한다.
인증·수상 및 구축사례
넥사크로플랫폼은 넥사크로 14 출시 이후 현재까지 약 800여 건의 레퍼런스를 보유하고 있다.
GS 인증, 전자정부 표준프레임워크 인증 획득은 물론 대한민국 기술 대상, 대한민국 10대 기술 선정, 장영실상 등 기술력과 시장성을 인정받고 있다.
아키텍처 개선을 통해 대폭 향상된 성능과 개발 편의성을 높이는 기능을 추가한 넥사크로 17은 공공, 제조, 금융, 교육, 서비스 등 전 산업분야에 안정적으로 공급하며 시장의 주목을 받고 있다.
파급 효과
지속해서 빠르게 발전하고 있는 응용 프로그램 개발에 맞추어 사용자 화면은 업무의 효율 및 기업의 비즈니스 성장에 중요한 요소 중 하나가 되었다.
최근 세계적인 추세로 프로그램을 최대한 간편하게 개발함으로써 개발과 운영 비용을 최소화할 수 있는 방법을 모색하는 것이 화두가 되고 있다.
넥사크로 17은 이런 최소의 개발로 최대의 효율을 이끌 수 있는 개발 및 운영 방법론을 비즈니스 UI·UX 개발에 접목함으로써 개발 생산성을 더욱 높이고 있다.
하나의 개발도구로 모든 IT 사용자 화면에 접목시킬 수 있는 넥사크로 17은 개발에 소요되는 시간 및 비용은 줄이고 효율성, 생산성을 최대로 극대화 할 수 있어 특히 자본과 인력으로 고충을 겪는 중소기업 및 스타트업의 IT 시장 도약을 증진시킬 수 있는 혁신적인 제품이다.
지금까지의 구축사례를 비롯하여 앞으로 제품 보급이 널리 확대될 것으로 예상되며 기업 비즈니스에 있어 사용자 화면 개발이 보다 쉽고 효율적으로 구축될 것으로 기대된다.