Dev Web/Node.js2013. 9. 24. 11:42

node.js 애플리케이션을 만들기 IDE 툴로 가장 편하다는 webstorm 입니다.

프로젝트를 하나 만들어 보는 과정을 캡쳐해봤습니다.


firstNodeProjcet 이름으로 만들었습니다. express 프레임워크 사용을 옵션으로 설정 합니다.


템플릿 엔진과 CSS 엔진을 선택할 수 있습니다. 주로 쓰는 Jade 나 ejs 를 사용하면 되겠습니다.


node.js core 모듈을 가져오는 방법을 선택합니다.


프로젝트를 생성한 결과 화면 입니다. express 모듈과 core 모듈 등이 디렉토리로 정리되어 보입니다.


'Dev Web > Node.js' 카테고리의 다른 글

[Node.js] express 프레임워크  (0) 2013.09.24
[Node.js] express 모듈  (0) 2013.09.24
[Node.js] jade 외부 모듈  (0) 2013.09.24
[Node.js] ejs 외부 모듈  (0) 2013.09.24
[Node.js] 기본 내장 모듈  (0) 2013.09.24
Posted by 놀란
Dev Web/Node.js2013. 9. 24. 10:43
1. Node.js 배경사

Node.js 는 구글 크롬 브라우저에서 사용하는 V8 자바스크립트 엔진을 기반으로 자바스크립트로 애플리케이션을 개발 할 수 있게 합니다.

V8 엔진은 기존의 다른 자바스크립트 엔진보다 속도가 빨랐고, 그로 인해 자바스크립트를 이용해서 웹 브라우저가 아닌 곳에서 쓸 수 있게 되었습니다. CommonJS(ServerJS) 프로젝트와 V8 자바스크립트 엔진을 기반으로 Node.js 를 개발하기 시작했습니다.

기존 웹 서버는 대부분 쓰레드(thread)를 기반으로 하는 동기 방식으로 네트워크 입출력을 처리하는 반면, Node.js 는 이벤트를 기반으로 하는 비동기 방식으로 네트워크 입출력을 처리합니다.


2. 이벤트 기반 비동기 방식

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

물건 구매를 예를 들어 여러 가게에 물건을 사러 간다고 할 때,

동기 방식은

  • 몸을 복제하여 동시에 여러 가게에 간다.
    • 이 방식은 쓰레드를 여러개 만들어 동시에 일을 처리한다는 것을 의미합니다.
    • 쓰레드는 많아질수록 메모리 사용량이 폭발적으로 증가하는 단점이 있습니다.
비동기 방식은
  • 시장을 대기표를 나누어주는 시스템으로 바꾸고 대기표를 받고 기다린다.
    • 대기 번호를 부르는 이벤트가 발생하는 순간 물건을 받아오면 됩니다.
    • 쓰레드는 단 하나만 사용하므로 몸은 하나입니다.
    • 이벤트를 사용하므로 빠른 속도로 일을 처리할 수 있습니다.
    • 하지만, 일을 처리하는 한 명이 쓰러지는 순간 프로그램 전체에 문제가 발생하는 단점도 있습니다.

3. Node.js 장점과 단점

장점

Node.js 장점은 이벤트 기반 비동기 방식을 사용하여 대규모 네트워크 프로그램을 개발하기 적합합니다.

자바스크립트를 사용하기 때문에 다른 기존 웹개발자 들이 쉽게 접근 할 수 있습니다.

구글이 V8 자바스크립트 엔진 속도 점점 더 빠르게 하고 있습니다.

C++를 사용하여 기능을 확장 할 수 있습니다. (V8 엔진이 C++로 개발)

단점

단점은 프로그램 진행에 문제가 발생하는 순간 프로그램 전체가 영향을 받는 것입니다.

V8 자바스크립트 엔진이 아무리 빨라도 C, C++ 언어로 개발된 서보보다는 느립니다.


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

이베이, 링크드인, 야머, 윈도 애저



참고 : 모던 웹을 위한 Node.js 프로그래밍 - 윤인성



Node.js 프로그래밍

저자
윤인성 지음
출판사
한빛미디어 | 2013-09-20 출간
카테고리
컴퓨터/IT
책소개
이 책이 제시하는 핵심 내용 자바스크립트 + Node.js로 배...
가격비교글쓴이 평점  



'Dev Web > Node.js' 카테고리의 다른 글

[Node.js] express 모듈  (0) 2013.09.24
[Node.js] jade 외부 모듈  (0) 2013.09.24
[Node.js] ejs 외부 모듈  (0) 2013.09.24
[Node.js] 기본 내장 모듈  (0) 2013.09.24
[Node.js] Node.js 샘플 애플리케이션  (0) 2013.09.24
Posted by 놀란
Dev Web/HTML2013. 8. 27. 12:06

code.jquery.com 의 최신버전 URL 을 호출해서 사용하면 됩니다.

주소는 http://code.jquery.com/jquery-latest.min.js 입니다.

호출 방법은 아래와 같습니다.


<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

Posted by 놀란
Dev Web/HTML2013. 1. 3. 12:38

글 제목을 좀 난해하게 잡기는 했는데


이런 식으로 해놓으면 정확히(?) radio 버튼 부분에 클릭해야만 해당 부분이 선택이 된다.
그런데, '사과' 나 '바나나' 부분을 클릭해도 선택 된 것으로 할려면 어떻게 해야 할까.

방법은 label 태그로 묶어주고 input type 안에 id 를 정해주고 label 에 연결해주면 된다!! 아래는 위의 예제를 label, id를 추가하여 수정한 코드

checkbox 도 같은 방법으로 처리하면 된다.

'Dev Web > HTML' 카테고리의 다른 글

[HTML] 항상 jQuery 최신 버전 사용하기  (0) 2013.08.27
Posted by 놀란