CyberImagination BLOG 217

(UI컴포넌트)webPonent CHART 2.1.0 버전 업그레이드

안녕하세요. HTML5 기반의 데이터 인포그래픽 컴포넌트 webPonent CHART의 Visual Radar Chart 추가 버전 업그레이드 소식을 안내드립니다. 추가된 Radar 차트의 기능 및 사용환경은 아래와 같습니다. (Radar CHART) - 여러 개의 데이터를 한번에 보여주기 유용 - 데이터 개수에 따라 다각형 세팅 가능 - 차트 눈금 개수 지정 가능 - Tick 모양(원, 사각형, 삼각형, 별, 다이아몬드) 설정 가능 - Tooltip을 이용해서 커서가 틱을 가리킬 때 해당 데이터를 불러올 수 있음 - 시계열 사용 가능 - 애니메이션 효과 사용 가능 - 범례 사용 가능 - 데이터의 크기를 패턴으로 나타낼 수 있음 (사용환경) - 서버: 모든 서버 - 언어: 개발언어에 종속되지 않음(htm..

Electron 개념정리

안녕하세요 데스크톱 애플리케이션을 개발하기 위해 공부한 일렉트론이라는 프레임 워크에 대해서 정리해 보겠습니다. Electron은 2013년 GitHub이 텍스트 편집기인 Atom을 만들기 위해 개발한 프레임 워크입니다. 2014년 Atom과 Electron이 오픈 소스로 공개가 되면서, 지금은 많은 개발자들과, 회사들에게 사랑 받는 인기 있는 도구가 되었습니다. 기본적인 웹 지식만 있다면 누구든 데스크톱 애플리케이션 개발자로 만들어주는 일렉트론에 대해서 지금부터 설명하겠습니다. 1. 일렉트론(Electron)이란? Electron은 Native애플리케이션이며 Chromium과 Node.js를 1개의 런타임으로 통합하여 JavaScript, HTML, CSS만 가지고도 데스크톱 애플리케이션을 만들 수 있도..

프론트엔드 2019.04.11

(API서버)국산 API 솔루션 ‘D-Bridge’ 구축 사례 통해 다양한 정보 확인 가능

사이버이메지네이션의 API서버 D-Bridge 제품관련 기사를 소개해 드리겠습니다 [D-Bridge는 자체 기술로 개발한 국산 API 솔루션으로 마이데이터 기반 사업을 준비 중이거나 외부사업자와 제휴를 통한 판매채널 확대, 어플리케이션을 빠르고 편리하게 변경, 추가할 수 있는 마이크로 서비스 형태의 업무시스템 구축을 고려하는 기업들에 적합하다는 평가를 받고 있다. 또한 온라인 금융 서비스에서 준수돼야 하는 보안 기능 또한 기본으로 제공되어 금융권에서 구매가 이어지고 있다...(중략) 한편 D-Bridge 도입을 통한 API Platform 주요 구축 사례는 다음과 같다. △SK증권: 금융권 공동 핀테크 오픈 플랫폼, 외부사업자 연계 포트폴리오 자산관리 서비스(쿼터백) △코스콤(해외납품): 말레이시아거래소..

OPEN Source를 이용한 검색엔진 개발(2)

지난 포스팅에 OPEN Source를 이용한 검색엔진에 대한 기본적인 내용을 공유 하였고 이번 회차에서는 검색엔진의 수집, 색인, 검색에 대한 내용에 대해 상세히 공유 하도록 하겠습니다. 수집 – 검색엔진의 목적에 맞게 사용자가 필요로 하는 정보를 준비하는 과정 - 다양한 형태로 존재하는 비정형 데이터(정보)를 필요에 따라 추출 - 가장 많이 사용되는 웹 페이지 크롤링과 DBMS에 저장된 데이터를 수집하는 과정을 통해 예를 들어 설명 1. 크롤링 웹 페이지를 그대로 가져와서 데이터를 추출해 내는 행위. 크롤링을 하는 소프트웨어를 크롤러라고 부름 - 검색 엔진에서는 웹 상의 다양한 정보를 자동으로 검색하고 색인하기 위해 사용. - 일일이 해당 사이트의 정보를 검색하는 것이 아닌 끊임없이 새로운 웹 페이지를..

유용한 정보 2019.03.22

OPEN Source를 이용한 검색엔진 개발(1)

OPEN Source를 이용하여 자체적으로 검색엔진을 개발한 내용입니다. 검색엔진 제작을 위한 개요 부분과 수집, 색인, 검색에 대한 내용으로 2번에 걸쳐 내용을 공유하도록 하겠습니다. 검색엔진이란? 사용자가 필요로 하는 정보를 수집하여 내용을 분석한 뒤 찾기 쉬운 형태로 조직하여(색인), 정보에 대한 요구가 발생할 때 해당 정보를 빠르게 찾아 제공(검색)하는 시스템이나 프로그램 검색엔진의 구조 1. 수집: 검색엔진의 목적에 맞게 사용자가 필요로 하는 정보를 준비하는 과정 - 대부분의 오픈소스 검색엔진 솔루션에서는 DB, File(doc, xls, pdf 등), Log에 존재하는 데이터를 수집하는 기능을 제공 - Web page의 경우는 크롤링을 이용 2. 색인: 수집된 내용을 분석하여 특정 데이터를 빠..

유용한 정보 2019.03.12

java10 및 서블릿 jsp 어플리케이션 구조

java10오라클이 3월 20일 Java SE 10(JDK 10) GA(general availability)를 발표했다. JDK 10은 자바 커뮤니티 프로세스 내 JSR 383에 명시된 대로 자바 SE 10 플랫폼의 상용 가능한 구현입니다.2018년 3월 20일 발표. 일반 지원은 2018년 9월에 종료될 예정이다. var 키워드를 이용한 지역 변수 타입 추론, 병렬 처리 가비지 컬렉션, 개별 쓰레드로 분리된 Stop-The-World, 루트 CA 목록 등이 추가되었다. 또한 JDK의 레포지토리가 하나로 통합되었으며, JVM 힙 영역을 시스템 메모리가 아닌 다른 종류의 메모리에도 할당할 수 있게 되었다. 실험 기능으로 Java 기반의 JIT 컴파일러가 추가되었고, 이전 버전에서 Deprecated 처리..

유용한 정보 2018.09.28

오라클 자바 라이선스 정책 변경 이슈

1. 자바 유료화?지난 6월 오라클의 ‘자바 SE 서브스크립션’ 모델 발표 이후로 현재까지 자바 유료화에 대한 많은 논쟁이 있었다. 관련하여 IT관련 기사와 커뮤니티, 오라클 OTN 등을 검색하면서 알게 된 내용들을 정리하여 공유하고자 한다.일단, 자바라는 언어는 GPL라이선스로 무료이다. 다만 오라클이 제공하는 자바 SE는 사용목적에 따라 달라진다. 일반적인 목적의 컴퓨팅에선 무료이나 상업용, 업무용등 상업 목적인 경우는 별도의 라이선스가 필요하다. 또한 내장 장치에 JRE를 사용하거나 상용 기능을 사용 하려면 Oracle로부터 라이센스 비용이 필요하다.그렇다면 상용기능은 어떤 것이 있는지 살펴보자 Java SE Advanced 및 Java SE Suite에는 다음과 같은 상용기능이 포함되어 있다. J..

유용한 정보 2018.09.14

블록체인 개념정리

블록체인이란? 1.1 블록체인 정의 블록체인은 쉽게 말해 “정보를 변조하기 어려운 형태로 모든 사용자가 정보를 공유하는 시스템”입니다. 참여하는 모든 사용자들끼리 모든 금전거래 및 디지털 인증정보 등을 일정시간마다 비교하며 처리하기 때문에 종래의 제 3자인 중개기관(ex. 은행)을 통한 클라이언트 서버 방식이 아닌 개인과 개인이 거래 데이터의 정당성을 보증하는 분산원장(Distributed Ledger)으로 차이가 있습니다. 클라이언트 서버 방식이었던 기존의 방식은 데이터를 중앙에서 기록 및 처리하기 때문에 비효율적일 뿐만 아니라 사이버 공격에 단일표적으로 지정되기 쉬우며, 더불어 시스템 다운에 대비한 백업 및 업무연속성 대책에 대한 막대한 비용이 드는 단점이 있었습니다. 이에 비해 분산원장 “블록체인”..

유용한 정보 2018.09.04

기계학습과 선형 회귀 분석(1)

1. 기계학습 (Machine Learning) 의 의미1.1 기계학습 (Machine Learning) 이란?어떠한 일을 예측할 때 수많은 규칙들이 존재하여 모든 경우를 예상할 수 없습니다. 예측하는 방법을 일일이 프로그래밍하지 않고 어떤 자료와 현상에서 자동적으로 배우게 하는 것이 바로 기계학습입니다. 자체적으로 데이터를 보고 학습해서 뭔가를 배우는 능력을 갖는 프로그램을 기계학습이라고 할 수 있습니다. 1.2 학습 (Learning)의 종류학습을 하기 위해선 데이터가 필요합니다. 학습은 방법에 따라 지도(Supervised)학습과 비지도(Unsupervised)학습 2가지 종류로 나눌 수 있습니다.. 1.2.1. 지도 학습 (Supervised Learning)지도 학습은 레이블이 주어진 데이터를 ..

유용한 정보 2018.08.24

모바일 터치 디자인하기(2)_폼 디자인

많은 사용자들이 PC보다 손쉽게 접속할 수 있는 모바일로 회원가입을 하고 정보를 제출하기 위해 모바일의 폼 디자인을 사용하고 있습니다. PC와는 다른 모바일 폼 디자인에 관련해 살펴보고자 합니다. 폼 필드입력 필드 최소화PC 디자인과 동일하게 모바일에서 폼 필드를 제공할 경우 많은 입력 폼에 지친 사용자의 페이지를 이탈할 가능성이 높아집니다. PC에서는 필요한 정보 이외에 선택적인 정보도 요구하지만 모바일에서는 꼭 필요한 정보만 입력하도록 만들어야 합니다. 또한 입력 필드를 최소화하고 구간을 나누지 않는 편이 좋습니다. 예를 들어 핸드폰 번호를 입력할 경우 필드 구간을 나누어 놓으면 사용자는 숫자를 누른 후 다음 입력 필드를 터치 후 다시 입력하는 행동을 여러번 거쳐야하기 때문에 특별한 사유 없이는 구간..

유용한 정보 2018.08.17