'전체'에 해당되는 글 7

  1. 2013.05.03 Node.js 설치
  2. 2013.05.03 Node.js
  3. 2013.04.26 Chart.js
  4. 2013.04.26 List.js
  5. 2013.04.26 Rivets.js
  6. 2013.04.26 Moment.js
  7. 2013.03.07 SVG, Canvas, VML 통합 라이브러리
Node.js | Posted by lensvil 2013.05.03 15:30

Node.js 설치

Node.js 설치는 매우 간단합니다.



설치 방법은 리눅스 환경 기준입니다.


1. 다운로드

http://nodejs.org/download/


위 URL로 접속 후 소스코드 다운로드 합니다.




2. 압축 파일 해제

> tar zxvf 파일명




3. 설치

압축이 해제 된 디렉토리로 이동 후 아래 명령어들을 순서대로 입력해서 설치를 진행합니다.

> ./Configure

> make

> make install




4. 설치 확인

Node.js | Posted by lensvil 2013.05.03 14:16

Node.js

1. 개요

2009년 라이언달이 개발한 서버 개발 환경.

구글 크롬에서 사용하는 V8 자바스크립트 엔진을 사용해서 자바스크립트로 애플리케이션을 개발 할 수 있게 해줌.


* V8 자바스크립트 엔진

C++로 개발된 자바스크립트 엔진, 자바스크립트 코드를 기반으로 머신 코드를 생성해서 실행하여 뛰어난 성능을 가진 엔진.




2. 배경사

자바스크립트는 넷스케이프사 브랜든 아이히가 만든 프로그래밍 언어.

인터넷 환경이 진화하면서 자바스크립트 사용이 확산됨.

사용자가 많아지면서 브라우저가 아닌 곳에서도 자바스크립트를 사용하려는 움직임이 보임.

(Adobe AIR, Windows8 메트로 애플리케이션)

서버 환경에서도 자바스크립트를 쓰기 위해 LiveWire, Jaxer 등을 사용했으나, 속도가 느려 많이 사용 되지 않음.

2008년 구글에서 V8 자바스크립트 엔진이 탑재된 크롬 베타 버전을 발표하고 자바스크립트 속도 혁명이 일어남.

더불어 크롬 웹 브라우저 코드를 오픈 소스화 함.


속도 혁명 후 2009년 1월부터 자바스크립트를 브라우저가 아닌 영역에서 쓸 수 있게 표준을 만들자는 의견이 점점 많아졌고

CommonJS 프로젝트로 알려진 ServerJS 프로젝트가 시작됨.

표준 발표 이후 라이언 달이 CommonJS + V8 자바스크립트엔진을 기반으로 Node.js를 개발.


Node.js는 서버 환경에서 자바스크립트를 사용하고자 노력한 결과물이며 대규모 네트워크 어플리케이션을 개발하고자 만들어짐.




3. Node.js 는 뭐가 다른가?

기존 웹 서버는 대부분 스레드를 기반으로 하는 동기방식으로 처리.

Node.js는 이벤트를 기반으로 하는 비동기 방식으로 처리.




4. 장점과 단점

- 장점

이벤트 기반 비동기 방식으로 대규모 네트워크 프로그램 개발에 적합.

자바스크립트를 사용한다는 점.(웹 개발자라면 자바스크립트 사용 경험이 있음. 없으면 웹 개발자가 아님)

계속해서 진화 하는 중


- 단점

프로그램 실행 중 문제가 발생하면 프로그램 전체에 영향을 줌.

속도가 향상되도 C, C++ 로 개발된 프로그램보단 느림.
아직 1.0 버전도 출시가 안됨.

타 언어에 비해 제공 모듈이 적음.(하지만 빠른 속도로 증가 하고 있음)




5. Node.js를 사용한 애플리케이션

이베이 - 웹 API

링크드인 - 자사의 모든 서버를 Node.js로 구성

야머 - 루비로 작성된 프록시 서버를 Node.js 로 교체

마이크로소프트의 Windows Azure 서비스에서 2011년 12월 부터 Node.js SDK를 배포중

Javascript | Posted by lensvil 2013.04.26 09:36

Chart.js

http://www.chartjs.org

차트 출력 라이브러리

아래 형태의 차트들을 별다른 종속성 없이 쉽게 구현할 수 있게 해줌.

- Line charts
- Radar charts
- Pie charts
- Polar area charts
- Doughnut charts

메뉴얼 : http://www.chartjs.org/docs

Javascript | Posted by lensvil 2013.04.26 09:33

List.js

http://listjs.com


표형태의 간단한 프로토타입을 작성하는데 도움이 될 만한 라이브러리

출력한 표 데이터의 검색, 정렬 등등의 작업을 손쉽게 구현할 수 있게 도와줌.


- Basic Example
http://listjs.com/examples


- Add, Edit, Remove Example
http://listjs.com/examples/add-edit-remove

Javascript | Posted by lensvil 2013.04.26 09:28

Rivets.js

http://rivetsjs.com


태그에 data- 라는 접두어를 사용하는 속성을 추가하여 View Logic 구현을 돕는 라이브러리
Backbone.js와 함께 쓰면 유용할 듯

Javascript | Posted by lensvil 2013.04.26 09:25

Moment.js

http://momentjs.com


Javascript 의 내장 객체인 Date를 다룰때 번거로움을 덜어주는 라이브러리.

다국어 지원(한국어 지원함)
포맷팅 지원

Javascript | Posted by lensvil 2013.03.07 11:38

SVG, Canvas, VML 통합 라이브러리



http://jsplumbtoolkit.com/jquery/demo.html

* License
All 1.x.x versions of jsPlumb are dual-licensed under both MIT and GPL version 2.


JS 그리기? 라이브러리인데 대부분의 브라우저에서 지원이 되네요.
많이 사용되는 JS 라이브러리인 jQuery, MooTools, YUI3 세가지를 지원하는 것 같네요.

우왕ㅋ굳ㅋ