-
수행 프로젝트Portfolio
-
현대차증권 대표 메인 채널인 MTS ‘내일 현대차증권’ 앱에 하이브리드 웹뷰* 방식으로 간접상품 거래(이체, 펀드매매, 퇴직연금), 비대면 계좌개설 서비스를 개발했습니다.Vue.js 3.0 자바스크립트 프레임워크와 SPA 방식을 적용하여 모바일 웹에서도 앱과 동일한 성능으로 서비스를 제공하며, 클라우드 인증서 및 사설 인증서(네이버/토스)를 도입하여 이체, 펀드매매, 비대면 계좌개설 등 처리성 업무도 별도의 앱을 설치하지 않고 브라우저에서 이용할 수 있습니다.*웹뷰 : 앱에 인베드하는 앱
- 개발 기간 : 2022년 6월 ~ 2023년 4월
- 서비스타입 : e-Finance
- URL : https://mprod.hmsec.com/m/main
1. Vue.js 3.0 자바스크립트 프레임워크 도입해당 프로젝트는 Vue.js 3.0 자바스크립트 프레임워크를 도입하여 MVVC*, SPA** 로 구현했습니다.현대차증권 앱 로그인 후 모바일 웹 화면에 접근할 때 모든 자원을 한번에 다운로드 받아 이후 페이지 전환 및 업무 처리시 로딩이 없도록 개발했으며, 하위 호환성을 고려한 페이지 로딩 방식으로 저사양 모바일 기기에서도 속도 저하없이 서비스 이용이 가능합니다.Vue.js 3.0 composition 개발 방식을 활용하여 이전 2.0 options 개발 방식보다 간결한 소스로 구현했으며, 피니아 기반의 데이터 모델링 처리로 스토아 방식의 단점을 보완하여 추후 TypeScript 확장이 용이하도록 개발했습니다. 또한 yarn 배포***를 통해 CD/CI 환경을 마련했습니다.*MVVC : 뷰와 모델 간의 결합도를 줄여 유연성 & 유지보수성 & 테스트 용이성이 높음**SPA : 빠른 랜딩 속도, 효율적인 캐싱, 더 적은 서버 리소스(자원) 사용***yarn : 데이터 중복 제거를 통한 용량 경량화, 모듈 통합 설치로 높은 속도를 보임2. 모바일 웹 & 웹 원소스 개발원소스 웹뷰 방식으로 (1) MTS 앱 내에 이식된 웹뷰, (2) 웹 브라우저(네이버, 크롬, 카카오 등)에서 동일한 소스로 운용할 수 있도록 개발하여 배포 및 유지보수의 편의성을 높였습니다.또한 모바일 웹 개발로 MTS 및 타 채널 장애 시 대체 채널로서의 역할을 수행함으로써 사용자 접근성을 강화했습니다.3. 비대면 계좌개설부터 다양한 연금, 펀드 상품 매매 서비스 구축
비대면 계좌개설 / 퇴직연금, IRP, 펀드 매매 / 이체(오픈뱅킹) / 연금 종합자산 서비스비대면 계좌개설 및 다양한 연금, 금융상품 (직접상품 및 여신업무 제외) 매매를 앱 다운로드 없이 웹에서 이용할 수 있도록 개발했으며, 이체 / 오픈뱅킹서비스를 제공하여 은행 앱 없이 뱅킹 업무를 이용할 수 있게 구현했습니다.앱 설치 없이 웹으로 접근 가능하도록 서비스를 제공함으로써 사용자 접근성을 향상시켰으며, 별도의 코딩 없이도 제휴 서비스를 구축할 수 있도록 확장성 있는 모바일웹 & 웹 환경을 구현했습니다.4. 모바일 웹 내 클라우드 인증서, 사설 인증서 (네이버/토스) 개발
모바일 웹에 클라우드 인증서, 네이버/토스 사설 인증서를 도입하여 별도의 앱 설치없이 브라우저만으로도 로그인, 이체, 펀드매매, 퇴직연금 등의 업무 처리가 가능하도록 개발했습니다.
현대차증권 모바일 리빌딩 프로젝트를 통해(1) Vue.js 의 빠른 레더링 기술과 SPA 방식의 장점을 지닌 고성능 하이브리드 앱을 개발했으며,(2) 하위 기기 호환성을 보장하고 앱과 동일한 성능을 구현하는 모바일웹 & 웹을 구축함으로써 향후 타 채널 및 타 시스템과의 확장성을 보장하는 경쟁력있는 금융 서비스를 구축했습니다.Case Study현대차증권모바일 리빌딩
-
-
-
-
-
-
-
-
-
-
-
-
-
PR 더보기
-
(주)사이버이메지네이션, 대용량 실시간 데이터 처리 기술 특허 등록
(주)사이버이메지네이션의 구형 브라우저 화면상의 실시간 데이터 갱신 방법, 이를 이용한 장치 및 시스템(METHOD FOR RENEWING REAL TIME DATA ONSCREEN OF BROWSER, APPARAUS AND SYSTEM USING THE SAME) 발명이 2015년 10월 28일 특허등록되었다.(특허 제10-2014-0165266호)
본 발명은 태블릿이나 모바일 환경에서의 브라우저, 또는 현재 통상적으로 사용되는 브라우저보다 성능이 낮은 저사양 브라우저에서도 웹소켓을 이용한 실시간 데이터처리가 원활하게 이루어질 수 있게 하는 구형 브라우저 화면상의 실시간 데이터 갱신 방법 및 이를 이용한 장치와 시스템에 관한 것으로 구형 브라우저에서도 대용량의 실시간 데이터를 보다 안정적이고 빠르게 표시할 수 있는 실시간 데이터 갱신 방법, 이를 이용한 장치 및 시스템을 제공하는 데 그 목적이 있다.
(주)사이버이메지네이션은 본 특허기술을 기반으로 개발된 coreFRAME5.0 WTS Edition의 납품을 통한 트레이딩시스템 구축으로 한화투자증권, 하나금융투자에서 관련 시스템을 구축, 서비스하고 있으며, 현재 유안타증권에서 시스템을 구축 중에 있다.
(주)사이버이메지네이션은 이미 2005년 9월, 웹브라우저 화면상의 실시간 데이터 갱신장치 및 방법과, 그 실시간 데이터 갱신방법을 실행하기 위한 소프트웨어를 기록한 컴퓨터가 읽을 수 있는 기록매체 기술을 특허 등록(특허 제 5014994 호)한 바 있어 이 분야에서 그 기술력을 다시 한번 확인받았다고 할 수 있다.
-
마이데이터 필수 API 솔루션 D-Bridge v2.5 GS인증 1등급 획득
사이버이메지네이션의 API 솔루션 D-Bridge가
21년 3월 2.0버전으로 GS인증 1등급 획득 후 22년 1월 17일 2.5버전으로 GS 인증 1등급을 획득 하였습니다.D-Bridge는 2016년 제품 런칭 이후API 서비스와 관련된 금융권 신규 비즈니스 “서비스 제휴 연동용 서비스” 및 “오픈뱅킹 서비스”에 적용되어 우수성을인정 받아 왔으며, 최근 대신증권, DB손해보험, 미래에셋캐피탈 등 다수의 금융권 "마이데이터 서비스" 구축 사업을 수주하고,시책변화에 빠르게 대응하며 프로젝트를 완성하여 API 필수 솔루션으로 자리매김하고 있습니다.D-Bridge는- 인프라 구성 및 개발자 친화적 솔루션으로 서비스 확장이 수월- 편리한 API 개발 및 API 라이프사이클 관리- 금융, 마이데이터 보안 가이드 준수하여 보안체계 제공- 서비스 환경 및 제도 변화에 능동적으로 대처하는 서비스 제공 등국내 기업환경에 최적화된 API 제품으로 최대 금융권 레퍼런스를 확보하고 있으며, 재구매율이 높은 제품입니다.[레퍼런스 소개][제품활용 소개]
[Refresh Imagination] 부장승진여행: 베트남여행기 조원섭부장
