[웹포넌트 가상키보드] 웹 사이트를 안전하게 만드는 가장 손쉬운 방법 저번주 금요일, 웹포넌트 2차 리뉴얼 사이트를 오픈하면서 새롭게 webPonent VIRTUAL KEY(웹포넌트 가상키보드)를 동시에 출시하였습니다! 새롭게 출시한 제품은 여태까지 웹포넌트에서 선보인 데이터 시각화 및 처리에 유용했던 CHART, GRID와는 조금 다른 성격입니다. '웹 사이트를 안전하게 만드는 가장 손쉬운 방법'이라는 캐치프레이즈에 걸맞게 아주 간편하게 웹 사이트에 보안키패드를 사용할 수 있게 해주는 제품입니다. 시중 은행 사이트에 들어가면 꼭 보게 되는 것은 바로 가상키보드 입니다. 가상키보드는 말 그대로 물리적인 키보드가 아니라 화면에 가상으로 나타나는 키보드입니다. 멀쩡한 키보드가 있는데, 왜 굳이 불편한 가상키..

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

안녕하세요. CX사업부 MD 태태입니다. 오래간만에 PhantomJS 를 이용하여 PDF를 생성하는 글을 포스팅합니다. 지난 3번의 포스팅을 통하여 기본적인 PhantomJS를 통한 PDF출력에 대해 살펴보았는데, 이번 글에서는 PhantomJS에서 제공하는 다양한 Event listener에대해 살펴보겠습니다. 웹화면을 PDF형식으로 출력하다보면 예상치않은 웹상의 오류에 대해 대처해야하거나, JavaScript로직의 실행시점을 알아야 하는등 다양한 문제가 발생할 수 있습니다. 이럴 때 사용할 수 있도록 PhantomJS는 몇가지 Event listener를 제공해주고 있는데, 이번 포스팅에서는 webPonent 제품을 개발할 때 유용하게 사용되었던 것들을 중심으로 소개하고 설명해드리도록 하겠습니다. o..

2015년 취업시장의 HOT ISSUE 01 비정규직 채용 증가 전체 임금 근로자 (193만 명) 가운데 비정규직 근로자 비중 32.5% Created with Raphaël 2.1.2 20 40 60 80 2011 2012 2013 2014 2015 2015 32.5 chart by http://www.webponent.com/ 02 삼성 공채의 직무적합성평가와 공기업의 NCS전형 도입 기업의 직무 중심 채용에 대해 어떻게 생각하는가? (복수응답) Created with Raphaël 2.1.2 20 40 60 80 A B C D D 16.8 chart by http://www.webponent.com/ A : 기존에 없던 것을 준비해야 돼서 부담스럽고 막막하다 (52.8%) B : 기존과 크게 달라지..

[데이터뉴스] 음식은 그 나라의 문화와 전통을 가장 잘 나타낼 수 있는 관광 자원이다. 한 지역을 대표하는 음식은 때로는 그 자체 만으로도 여행의 목적이 되기도 한다. 그렇다면, 실제 한국을 찾은 외국인 VIP 관광객들은 한국에서 먹어본 음식 중 고국에 돌아갈 때 어떤 걸 가장 가져가고 싶을까? 외국인 관광 전문 여행사 코스모진(대표 정명진)이 운영하는 코스모진 관광 R&D 연구소는 지난 11월 한 달 간 자사를 통해 한국을 방문한 외국인 VIP 관광객 688명을 대상으로 한국 음식 관련 설문조사를 실시한 결과 '고국으로 돌아갈 때 가장 가져가고 싶은 음식'으로 응답자의 41%가 '라면'을 1위로 꼽았다고 밝혔다. chart by http://www.w..

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

[웹포넌트 그리드] 일반 HTML 테이블의 한계를 뛰어넘는 데이터 그리드! Q1. 데이터 그리드는 왜 사용할까요? 데이터를 표현하기 위해서 일반 HTML 테이블을 쓰는 것은 보편적인 관행이었습니다. 데이터에 레코드가 많지 않거나 데이터를 사용자가 조작하게 하고 싶지 않는 한 일반적인 테이블을 사용해도 전혀 문제가 없습니다. 그러나 테이블에 수 백 건의 레코드를 사용하는 웹 애플리케이션을 구축할 때라면, 일반 HTML 테이블로 데이터를 표현하는 데에 아주 큰 사용상 결함을 겪게 될 것입니다. 예를 들어, 일반 테이블로 1000건의 데이터를 표현한다고 가정해보겠습니다. 하나의 로우()당 30px 이라고 한다면, 제목(thead)영역까지 포함하여 테이블의 길이는 30,030px이 될 것입니다. 24인치 모니터..

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

최근 PDF문서를 생성하는 모듈을 개발하고 유지보수하는 작업이 업무의 큰 부분을 차지하게 되면서, PDF문서와 씨름하는 시간과 빈도가 많아졌다. 현재 webPonent Grid 제품도 기본 기능으로 PDF출력을 제공하고 있는데, 정작 PDF 문서 포맷이 어떤 역사를 가지고 있는지는 모르는게 많았다. 이에 따라 PDF의 배경에 대해 알아보게 되었고 그 내용을 이번 포스팅에서 공유해 보도록 하겠다. PDF의 시작, The Camelot Project PDF 문서포맷은 1991년 Adobe의 공동설립자인 John Warnock의 'The Camelot Project'로부터 시작되었다. 'The Camelot Project'에 대해 설명한 문서에서는 프로젝트의 목적을 당시 기업들이 직면한 서로 다른 시스템과 어..

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