-
수행 프로젝트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. MTS & 모바일 웹 원소스 개발원소스 웹뷰 방식으로 (1) MTS 앱 내에 이식된 웹뷰, (2) 웹 브라우저(네이버, 크롬, 카카오 등)에서 동일한 소스로 운용할 수 있도록 개발하여 배포 및 유지보수의 편의성을 높였습니다.또한 모바일 웹 개발로 MTS 및 타 채널 장애 시 대체 채널로서의 역할을 수행함으로써 사용자 접근성을 강화했습니다.3. 비대면 계좌개설부터 다양한 연금, 펀드 상품 매매 서비스 구축
비대면 계좌개설 / 퇴직연금, IRP, 펀드 매매 / 이체(오픈뱅킹) / 연금 종합자산 서비스비대면 계좌개설 및 다양한 연금, 금융상품 (직접상품 및 여신업무 제외) 매매를 앱 다운로드 없이 웹에서 이용할 수 있도록 개발했으며, 이체 / 오픈뱅킹서비스를 제공하여 은행 앱 없이 뱅킹 업무를 이용할 수 있게 구현했습니다.앱 설치 없이 웹으로 접근 가능하도록 서비스를 제공함으로써 사용자 접근성을 향상시켰으며, 별도의 코딩 없이도 제휴 서비스를 구축할 수 있도록 확장성 있는 모바일웹 & 웹 환경을 구현했습니다.4. 모바일 웹 내 클라우드 인증서, 사설 인증서 (네이버/토스) 개발
모바일 웹에 클라우드 인증서, 네이버/토스 사설 인증서를 도입하여 별도의 앱 설치없이 브라우저만으로도 로그인, 이체, 펀드매매, 퇴직연금 등의 업무 처리가 가능하도록 개발했습니다.
현대차증권 모바일 리빌딩 프로젝트를 통해(1) Vue.js 의 빠른 레더링 기술과 SPA 방식의 장점을 지닌 고성능 하이브리드 앱을 개발했으며,(2) 하위 기기 호환성을 보장하고 앱과 동일한 성능을 구현하는 모바일웹 & 웹을 구축함으로써 향후 타 채널 및 타 시스템과의 확장성을 보장하는 경쟁력있는 금융 서비스를 구축했습니다.Case Study현대차증권모바일 리빌딩
-
-
-
.png)
-
-
-
-
-
-
.jpg)
-
-
-
-
PR 더보기
-
마이데이터 필수 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 제품으로 최대 금융권 레퍼런스를 확보하고 있으며, 재구매율이 높은 제품입니다.[레퍼런스 및 제품 활용 소개]
-
현대차증권 Vue 적용 모바일웹 & 웹 서비스 구축
현대차증권 MTS ‘내일’이 2023년 5월 리뉴얼 오픈했습니다.당사는 MTS 앱 내 모바일웹 기반 서비스 개발을 위해 Vue와 SPA를 적용하여 화면 랜딩이 빠르고 자연스러운 서비스를 구현하였습니다. 비대면계좌개설, 금융상품 매매 서비스를 원소스로 개발했으며, 클라우드인증서/사설인증서(네이버,토스)를 도입하여 이체, 오픈뱅킹 등 처리성 업무도 앱없이 웹에서 동일한 서비스를 제공받을 수 있도록 구축하였습니다.현대차증권은 웹 기반 금융 서비스 제공을 통한 플랫폼 경쟁력 확보 및 심플하고 개인화된 컨텐츠 제공으로 스마트앱어워드 2023 증권 부문 최우수상을 수상하였습니다.
[Together Imagination] 전체 워크샵 : 강화
