node, atom, express, nodemon 설치 및 helloworld

node.JS 설치 Window7, CentOS7 #nodejs #npm #atom editor #express #nodemon #helloworld

npm : Node Package Manager

[Window 7]

www.nodejs.org 의 Downloads 에서 Windows에 맞는 설치 파일 다운로드 (LTS버전을 받음)

설치 파일 실행하여 Next 버튼 4번, Install 버튼 1번으로 설치 완료

설치 확인

cmd 또는 git bash 등 터미널을 열어서 node -v, npm -v 실행 하여 버전 확인

[CentOS 7] : 소스파일 받아서 빌드 후 설치하는 방법

#> cd /usr/src

#> wget http://nodejs.org/dist/v6.9.1/node-v6.9.1.tar.gz  (v6.9.1 예시)

     또는 https://nodejs.org/en/download/ 에서 Source Code 파일 다운로드

#> tar zxf node-v6.9.1.tar.gz

#> cd node-v.6.9.1.tar.gz

#> ./configure

#> make    (5분 소요됨)

#> make install

#> node -v

v6.9.1

#> npm -v

3.10.8

[npm 프록시 설정]

npm config set proxy http://xx.xx.xx.xx:8080

npm config set https-proxy http://xx.xx.xx.xx:8080

npm config set strict-ssl false

[atom 설치 Window 7]

http://atom.io 에서 Download Window Installer 다운로드 및 설치

설치 완료 후 재부팅

cmd 또는 git bash에서 

atom . (현재 폴더에서 atom 실행)

[atom 필수 package 설치]

File - Settings - Install - 아래 패키지 리스트 설치

- tokamak-terminal : window에서는 cmd Mac에서는 Terminal을 UI내에 열어줌.

- highlight-selected : 단어를 더블클릭했을 때 해당 파일에 같은 단어들을 표시해주는 기능

- linter : 해당 파일에 문법 오류가 있을 때 알려주는 기능

- linter-jshint : .js파일의 문법 오류를 알려줌. 위 linter가 설치되어 있어야 함

- linter-csslint : css파일의 문법 오류를 알려줌. 위 linter가 설치되어 있어야 함

- linter-htmllint : html의 문법 오류 알려줌. 위 linter가 설치되어 있어야 함

- file-icon-supplement : 확장자에 맞춰 atom 아이콘 변경

- atom-runner : atom에서 alt+R 누르면 javascript, ruby 파일 바로 실행

[Atom proxy 설정]

- Window 사용시 : C:\User\사용자이름\.atom\.apm 폴더내의 .apmrc파일을 복사해서 C:\User\사용자이름\.atom\로 붙여넣기 한 후 해당 파일을 열어 strict-ssl = false 값 추가 저장

- MAC 사용시 : /Users/사용자이름/.atom/.apm 폴더내의 .apmrc 파일을 복사해서 상위폴더로 복사 후 strict-ssl = false 값 추가 저장

[npm init] - package.json 파일 생성

cmd 또는 git bash 에서

>npm init

정보 입력 후 최종 yes 입력하면 package.json 파일 자동 생성됨

[express 설치]

cmd 또는 git bash 에서

>npm install express --save

[nodemon 설치]

cmd 또는 git bash 에서

>npm install -g nodemon

[nodemon 설치 확인]

>nodemon -v

1.11.0 

[hello world 작성]

package의 main에 있는 파일 (index.js : 없으면 생성)에 아래 코드 넣기

var express = require('express');

var app = express();

app.get('/',function (req,res) {

  res.send('Hello World!');

});

app.listen(3000, function() {

  console.log('server start');

});

cmd 또는 git bash에서 실행하면 아래와 같이 server start

>nodemon

[nodemon] 1.11.0

[nodemon] to restart at any time, enter `rs`

[nodemon] watching: *.*

[nodemon] starting `node index.js`

server start

[hello world 테스트]

웹 브라우저를 열어서 http://localhost:3000 호출

Hello World 표출되면 서버 정상 작동중