웹포넌트 7

[웹포넌트 차트] webPonent Visual Gauge Chart

[웹포넌트 차트] webPonent Visual Gauge Chart webponent CHART 2.0.6 버전이 릴리즈 되었습니다. (짝짝짝)2.0.6버전에 맞추어 새롭게 추가된 Gauge Chart에 대해 작성해보려 합니다. gauge chart는 크게는 원형 게이지(angular), 선형 게이지(Linear), 실린더(cylinder), 온도계(thermometer) 이렇게 크게는 4가지, 세부적으로는 8가지 타입으로 구성되어져 있습니다. 디자인 테마로는 기본 디자인(Basic), 블랙 디자인, 라이트 그레이 디자인 3가지 종류가 있습니다. 여기에 option과 style을 주어 원하는 색상의, 모양의 게이지를 만드실 수 있습니다.예를 들면, 하나의 실린더도 필요에 맞게, 나만의 스타일로 변경 가..

Ionic을 이용하여 하이브리드 앱을 개발해보자 -Intro

Ionic을 이용하여 하이브리드 앱을 개발해보자 (메신저 앱) - Intro 하이브리드 앱 하이브리드 앱은 HTML5, CSS, JavaScript를 사용해 만들어지며 다양한 모바일 플랫폼에서 네이티브 앱으로 실행된다. 표준 웹 개발을 사용하지만, 최종 앱은 기기에서 네이티브 앱으로 실행된다. 네이티브 앱과 웹 기반 앱의 장점만 결합하기위한 방법이다. 장점웹 표준을 사용하여 제작 기존 웹 개발자들이 어렵지 않게 하이브리드 앱 개발 가능신속한 수정, 업데이트 및 배포 가능각 플랫폼에서 네이티브 앱으로 실행됨 단점인터페이스가 표준 네이티브 앱과 다를 수 있음 그래픽, 멀티미디어 성능이 네이티브 앱에 비해 떨어질 수 있음일반적으로 장치의 모든 센서 및 하드웨어에 접근할 수 있지만 새 기능을 지원할 때까지 다소..

앱 개발 2016.05.13

[웹포넌트 가상키보드] 다운로드부터 설치까지!!

[웹포넌트 가상키보드] 다운로드부터 설치까지 같이 해볼까요? 두달전쯤 webPonent VIRTUAL KEY(웹포넌트 가상키보드)를 출시하고 '박토끼' MD가 직접 소개글을 써주셨는데요. 이번글에서는 제가 가상키보드를 다운로드에서 부터 설치까지 진행해보고 직접 사용까지 해보겠습니다. 웹포넌트 가상키보드는 가격이 저렴할뿐만 아니라 30일간 사용 할 수 있는 트라이얼 버전을 제공해서 무료로 현재 서비스하는 페이지에 직접 적용 시켜 바로 확인 할 수 있습니다. 바로 다운로드할 수 있는 페이지로 가볼게요! 웹사이트로 이동 을 누르시면 웹포넌트 사이트로 이동하는데요 아래와 같이 중간쯤에 보면 CHART, GRID 제품외에 가상키보드 제품 메뉴가 보입니다. 위에 빨간색 네모박스 버튼을 누르면 트라이얼 다운로드 페이..

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

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

프론트엔드 2016.01.15

고국 돌아갈 때 꼭 가져가고 싶은 음식 1위?

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

유용한 정보 2015.12.17

GITHUB프로젝트들의 인기 순위와 상위 프로젝트 소개

최근에 http://js.org/이라는 사이트가 세상에 등장했습니다. 자기가 만든 프로젝트의 홈페이지를 무료로 호스팅도 해주고 GitHub에 등록된 프로젝트중 상위 1만개 프로젝트의 순위도 표시해 줍니다. 호스팅되는 도메인명은 http://myproject.js.org입니다. 자바스크립트 개발자인 저는 js.org라는 도메인명이 매우 탐이 납니다. 프로젝트 순위는 Git허브에서 Star수와 fork수가 많은 순대로 표시됩니다. 제가 만든 라이브러리는 없었습니다 (ㅠㅠ). 누적 순위와 함께 일간, 주간, 월간 순위도 제공하므로 요새 급부상중인 프로젝트가 무엇인지 금방 알 수 있습니다. 게다가 이 순위 데이터는 하루에 세번씩 업데이트 되고, 외부에서도 사용할수 있습니다. js.org사이트에서는 1만건의 데이..

유용한 정보 2015.07.16

자바스크립트 소팅, 멀티 소팅

자바스크립트 소팅, 멀티소팅에 관하여 웹포넌트 그리드에는 기본기능으로 소팅, 멀티소팅이 있습니다. 기능을 구현하면서 많은 시행착오가 있었습니다. 이 글에서는 당시에 얻은 "자바스크립트를 이용한 클라이언트사이드 소팅"관한 지식을 공유하려고 합니다.자바스크립트의 Array.prototype.sort()메서드에 대해서 알아보고 메서드의 응용, 멀티소팅은 어떤식으로 구현했는지 소개하려고 합니다.sort()메서드의 동작방식sort()메서드를 아무인자도 주지 않고 실행 시키면 사전식으로 정렬이 됩니다. 1 2 3 var letters = ["R","O","F","L"]; letters.sort(); alert(letters); //produces ["F","L","O","R"] cs 하지만 실제세계에서는 날짜비교,..

프론트엔드 2015.06.19