프론트엔드 65

핀테크 오픈플랫폼 구축 방안

금융위원회는 2015년 7월 핀테크 산업 발전을 위한 인프라 구축의 필요성을 느끼고 금융권과 핀테크 기업의 의견을 수렴하여 금융권 공동 핀테크 오픈 플랫폼 구축 계획을 발표합니다. [핀테크 오픈 플랫폼 개념도] 창조경제를 지향하며 금융 서비스 활성화 및 핀테크 기업의 사업 활성화 방안으로 핀테크 오픈플랫폼 구축 사업을 계획하고 시작하였습니다. 계획대로 올해 핀테크 오픈 플랫폼 서비스를 시작한다면 세계 최초의 금융 오픈 플랫폼을 운영하는 나라가 된다고 합니다.OPEN API 방식으로 핀테크 오픈 플랫폼이 구축되면 , API 방식으로 서비스를 구축하고 이용할 수 있어서새로운 금융 서비스를 손쉽게 개발하고 이용자들이 그 서비스를 보다 빠르게 접해볼 수 있는 이점이 있어서 핀테크 관련 업체나 일반 사용자 모두에..

프론트엔드 2016.06.09

무한스크롤, 페이징 혹은 "더보기" 버튼? 어떤 걸 써야할까

사이트를 기획하다보면 리스트 형식의 결과들을 어떻게 나타낼 것인지를 고민하게 됩니다. 적당한 개수를 정하여 페이징 처리를 할 것인지, 아니면 무한 스크롤을 적용하여 비동기 방식으로 스크롤이 맨 아래일 때 그 다음 결과를 불러올 것인지, 그것도 아니면 "더보기" 버튼을 둘 것인지 말이죠. 쇼핑몰이나 소셜 커머스처럼 수많은 결과들을 취급하는 웹사이트라면 더욱 리스트 처리 방법에 대해 고민이 되리라 생각합니다. 그래서 외국 사이트를 보던 중 좋은 글을 발견하여 일부 번역하여 포스팅 해보도록 하겠습니다. 무한스크롤, 페이징 혹은 "더보기" 버튼? eCommerce에서의 사용성 조사 결과 e-commerce 웹사이트에서 상품을 보여줄 때 가장 좋은 UX 패턴은 무엇일까? 페이징, "더보기"버튼 혹은 무한 스크롤?..

프론트엔드 2016.05.30

컨테이너 기반 가상화

Micro Service Architecture 에서 인프라 적으로 중요한 개념으로 꼽으면 아래와 같이 2가지로 정리할 수 있다. Application Programming Interface (API) 가상화 (virtualization) API는 이미 많은 개발자 및 인프라 측면에서 필요성을 느끼고, 서비스를 위한 기업에서는 많이 채택되는 기술이다. 가상화 기술 또한 이미 국내 기업에서도 많이 사용되고 있는 기술이지만, 그에 따른 개발자나 인프라 관리하는 운영자 측면에서 아직 낯설고 이용을 하더라도 그에 따른 문제점을 재기하는 사람들 또한 많다. 이번 글에서는 가상화 서비스 중 요즘 이슈가 되고 있는 컨테이너 기반의 가상화에 대해 소개해 보도록 하겠다. 서버 가상화란 요즘은 클라우드 컴퓨팅 기술의 활용..

프론트엔드 2016.02.19

HTML5 로 데스크탑 어플리케이션 만들기 3

HTML5 로 데스크탑 어플리케이션 만들기3 안녕하세요. CX 사업본부 MD 왓썹입니다.지난 포스팅에서는 node-webkit 을 이용하여 간단한 데스크탑 어플리케이션을 만들어 테스트해보는 시간을 가졌는데요. 이번 포스팅에서는 node-webkit이 실제 프로젝트에 적용되어 어떻게 사용되는지 알아보도록 하겠습니다. 1. 프로젝트 소개먼저 node-webkit 을 적용할 프로젝트는 웹포넌트 팀에서 개발한 webPonent-publisher 로 조금은 생소하지만 아주 편리한 웹 코드 편집 툴 입니다. 웹포넌트 퍼블리셔는 프로토타입 및 샘플 소스 작성 등에 특화된 실시간 웹 코드 에디터로, 웹포넌트 차트&그리드의 각 기능에 해당하는 다양한 샘플 코드 (HTML, CSS, JS) 를 사용자에게 제공하고 있으며,..

프론트엔드 2016.01.15

모놀리틱 시스템에서 MSA로 전환

SW산업은 그 어느 산업보다 빠른 속도로 변하고 있다고 느낄지 모르겠지만, Software 개발자로서 IT밒 소프트웨어 개발 트랜드를 면면히 살펴 본다면 사실 하나 하나 계단을 밟아가는 듯이 점진적으로 발전을 해왔다 . 그 동안 계속 필자가 다루고 있는 Micro Service Architecture(이하 MSA)도 지금 개발 패러다임에서 급진적으로 보일지 모르겠지만, 그 동안으로 개발역사를 살펴 본다면 하나씩 하나씩 점진적으로 발전되어 나온 하나의 결과물이다 MSA는 기본 사상은 Service Oriented Architecture (SOA) 사상에서 출발하여 발전 하고 있다. SOA도 기존에 있었던, 1990년대 CORBA( Common Object Request Broker Architecture)..

프론트엔드 2015.12.12

HTML5 로 데스크탑 어플리케이션 만들기 2

HTML5 로 데스크탑 어플리케이션 만들기2 안녕하세요. CX 사업본부 MD 왓썹입니다.지난 포스팅에서 HTML 데스크탑 어플리케이션에 대해 알아보았는데요. 이번 포스팅에서는 node-webkit 을 이용하여 데스크탑 어플리케이션을 직접 만들어 보도록 하겠습니다. 1. 설치NodeJS - https://nodejs.orgnode-webkit 은 NodeJS 를 기반으로 하기 때문에 기본적으로 NodeJS 가 설치되어 있어야 합니다.NodeJS 는 위에 링크된 공식 홈페이지에서 각자의 OS 에 맞는 인스톨러를 다운로드 하여 설치하실 수 있습니다. NodeJS 설치가 완료 되었다면 node-webkit 을 설치하셔야 하는데요. OS (Window, Linux, Mac) 별로 설치법이 다소 차이가 있기 때문에..

프론트엔드 2015.12.04

TypeScript를 이용하여 javascript를 객체지향 언어처럼 사용해보자

TypeScript란?TypeScript는 대형 자바스크립트 애플리케이션에 적합한 대안 언어이다. TypeScript를 활용하여 개발하여도 기존의 소프트웨어 컴포넌트와 자바스크립트 라이브러리의 동작 방식과는 충돌하지 않는다. 또한, 동적인 모듈 로딩을 지원하여 네이밍 충돌 문제를 줄일 수 있게 해주며, 추가된 타입 체계를 바탕으로 생산성을 높여주는 여러가지 툴과 사례(정적 타이핑, 심볼 기반 네비게이션, 구문 완성, 코드 리펙토링 등)를 활용할 수 있다.TypeScript는 ES5 (ECMAScript 5) 문법의 상위 집합(Super Set)이다. 모든 자바스크립트 프로그램은 TypeScript 프로그램이기도 하다. TypeScript 컴파일러는 TypeScript 문법을 자바스크립트 문법으로 변환시켜..

프론트엔드 2015.11.19

도메인 주도 설계 (Domain-Driven Design) 개요

Software란 궁극적으로 사용자의 현실적인 문제를 해결하는데 그 본질을 두고 있다. 따라서 현실의 문제를 잘 파악하고 그 문제 해결이 code로서 잘 구현된다면 가장 이상적이 소프트웨어라고 할 수 있겠다. 하지만 일반적인 현실문제 즉 도메인에 관련된 문제를 잘 아는 사람과, 그것을 실제 코드로 구현하는 사람이 분리되어 일하는 경우가 대부분이고, 이러한 경우 서로 의사소통하기 매우 어려운 현실적인 문제점이 존재한다. 우리가 일반적으로 부르는 현업, 업무전문가, 도메인 전문가가 사용하는 언어 및 사고 방식과, 이를 구현하는 개발자사이의 간극이 큰 것이 사실이며, 이러한 문제점을 해결하기 위한 다양한 방법론이 제시되었다. 제조 (manufacturing) 는 소프트웨어 개발에 대한 메타포로 자주 사용되곤 ..

프론트엔드 2015.10.29

HTML5 로 데스크탑 어플리케이션 만들기!

HTML5 로 데스크탑 어플리케이션 만들기! 안녕하세요. CX 사업본부 MD 왓썹입니다. 이번 포스팅에서는 HTML5 로 데스크탑 어플리케이션을 만드는 방법을 알아보도록 하겠습니다. 어플리케이션은 music player 나 채팅 프로그램 등과 같이 어떤 종류의 작업을 돕기 위해 설계된 프로그램으로 응용 프로그램이라고도 합니다.따라서 데스크탑 어플리케이션은 windows 나 맥, 리눅스와 같은 os 에 설치된 응용 프로그램을 말하는데요. 지금까지 데스크탑 어플리케이션을 만들기 위해 윈도우에서는 C++ 을, 맥에서는 Object C 를 이용해 만들어왔기 때문에 웹개발자의 입장에서는 거리가 먼 존재라는 인식을 가지고 있었죠. 하지만 이제는 C++ 이나 Object C 에 대해 잘 모른다 할지라도 HTML과 C..

프론트엔드 2015.10.26

Micro Service Architecuture Trade-Offs

마틴 파울러(Martin Fowler)가 Microservice Trade-Offs라는 글을 게시 하였다. 마이크로 아키텍쳐 서비스에 대한 장단점에 대해서 설명한 글로 이 내용을 보고 내용을 요약해보고자 한다.[Micro Service Architecture] 마이크로서비스가 제공하는 이득Strong Module Boundaries마이크로 서비스의 가장 큰 장점은 모듈경계가 명확하다.사람들은 (decoupled)잘 분리된 소프트웨어 모듈이 좋다는 점에 모두 동의한다. 모듈형 시스템의 장점은 시스템의 변경 사항이 발생할 경우 변경할 작은 범위만을 이해하고 처리하면 된다. 이구조는 소프트웨어의 규모가 커지거나 개발하는 팀의 규모가 커질때 더욱 중요하다. 마이크로서비스는 각각의 팀이 독립적인 단위로 의사소통을..

프론트엔드 2015.10.08