하이브리드앱 개발 (1) – Ionic Framework 개발환경 구축

Ionic Framework는 Cordova 기반의 WebApp 개발 도구이다. Web 기반이라고 하지만 GPS, 카메라 등 스마트폰의 하드웨어에 접근하거나, 알림 등 시스템에 접근이 가능하기 때문에, 굳이 Native로 앱을 개발하지 않아도 다양한 어플리케이션 개발에 사용 될 수 있다. 현재 최신 버전은 v4 이고 Angular2 기반으로 UI 컴포넌트가 구성되어 있다. 동일한 코드로 UI 개발을 해도 안드로이드의 경우 Material ...

How to Manage Visitor Log in Express.js

example code in here

Overview

Pre Install

lwot
saturn

Define Libraries

// visitor count example
// use '127.0.0.1:port' for this app
// this app didn't save log, if you want to maintain the log, you must have to save the log as file or database.

const moment = require('moment');

const express = require('express');
const expressLess = require('express-less');
const jade = require('jade');
const app = express();

// express middleware
const session = require('express-session');
const ...

Electron 시작하기

Electron은 Node.js 기반으로 작성된 데스크탑 어플리케이션 제작 프레임워크이다. Electron으로 데스크탑 어플리케이션을 만들기 위해서는 Node.js에 대한 이해와 HTML, Javascript, CSS 에 대한 지식이 필요하다.

Electron 프로세스 구성

Electron의 프로세스는 메인 프로세스와 렌더러 프로세스로 구성된다.

Electron이 실행될 때 Node.js로 동작하는 package.json에 기술된 main 스크립트를 호출하는데 ...

우분투 NFS 서버 설치 및 Xen 서버 NFS ISO Library

NFS는 Network File System의 약자로 클라이언트에서 네트워크 상의 파일을 파일시스템처럼 마운트하여 접근 할 수 있게 해주는 시스템이다. Xen을 통해 서버를 가상화하여 사용하다보면 Xen 서버 운영체제에 할당되는 스토리지가 작아서 별도의 usb 등을 통해 iso를 관리하여야하는데 nfs를 사용하면 편리하다.

NFS 서버 설치 및 설정

먼저 NFS 서버로 사용할 서버를 준비한다. 본 글에서는 ...

워드프레스 Syntax Highlighter

https://highlightjs.org/static/demo
https://wordpress.org/plugins/wp-code-highlightjs

WordPress로 개발 관련 블로그를 운영하다보면 코드를 좀더 예쁘게 보이도록 하고싶은 생각이 든다. 다양한 Syntax Highlighter 플러그인이 있지만 그중에 만족스럽게 사용할 수 있는 것을 찾기는 상당히 힘들었다. 블로그 테마와 취향별로 원하는 것을 찾기엔 상당히 어려운 듯하다.

Highlight.js

Highlight.js는 최근에 ...

Gulp를 사용한 빌드 자동화

jade, less, coffeescript 등을 사용하여 프로젝트를 진행할 때 각 파일들을 일일이 컴파일하기는 상당히 귀찮다. gulp로 빌드 자동화를 하여 프로젝트를 진행하면 훨씬 수월하게 작업이 가능하다.

https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
http://programmingsummaries.tistory.com/356

Gulp 설치

gulp를 사용하기 위해서는 npm을 통해 gulp-cli를 전역으로 설치하여야 한다. 만약 gulp-cli가 ...

Apache proxypass 설정

Ubuntu 업데이트

$ sudo aptitude update
$ sudo aptitude -y upgrade

Dependency 설치

$ sudo aptitude install -y build-essential
$ sudo aptitude install -y libapache2-mod-proxy-html libxml2-dev

Apache Mod 설정

$ sudo a2enmod proxy proxy_ajp proxy_http rewrite deflate headers proxy_balancer proxy_connect proxy_html

Virtual Host 설정

$ sudo vi /etc/apache2/sites-available/your-domain.conf

<VirtualHost *:80>
ProxyPreserveHost On
ProxyPass / http://0.0.0.0:port/
ProxyPassReverse ...

Node.js Express using Session with Redis Cluster

Dependencies

express
express-session
connect-redis
ioredis
$ npm install express express-session connect-redis ioredis

Redis - Single Node

install & run redis
run in cmd
$ redis-cli

run this in redis-cli
redis> FLUSHALL
redis> keys *

then there are no keys in redis store.
and make js file for running express. refer below code
var express = require('express');
var app = express();

var session = require('express-session');
var RedisStore = ...

Web App Design (Java Servlet + Javascript)

Sample Page : http://115.88.201.42:8080/qna/index.htmlHello, World! 2014 @ Daejeon 행사에서 사용했던 Q&A 사이트를 일부 편집하여 GDG-Korea GitHub 에 공유하여 놓았다.

컨퍼런스를 진행할 때 Q&A 를 재밌고 쉽게 진행하게 할 수 있도록 직접 웹페이지를 한번 만들어 보았다. 루비로 제작해보고 싶었지만  시간이 촉박해서 평소 사용하던 방법인 servlet, javascript 를 활용하여 페이지를 제작하였다. ...

Eclipse 에서 Google App Engine 의 사용

참고 사이트 : https://developers.google.com/appengine/docs/java/tools/eclipse?hl=ko#Getting_Eclipse

구글 앱엔진을 이클립스에서 사용하려면 플러그인을 설치하여야한다. 톰캣을 이용하여 웹 프로젝트를 생성하여 작업하는 것과 크게 다를 것이 없어서 어렵지는 않다.

이클립스 플러그인 설치

플러그인의 설치는 위에 언급한 참고 사이트를 보면 쉽게 할 수 있다. 이클립스에서 Help > Install New Software.. ...