AWS EC2 아마존 리눅스 - 웹 프론트 개발 환경 설정

yum 최신으로 업데이트

$ sudo yum update -y

git 설치

$ sudo yum install git-core

node.js - npm 설치

$ sudo yum install nodejs npm --enablerepo=epel

nvm - 노드 버전 관리 툴 설치

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash

설치완료 후 계정 재접속

yarn - 페이스북에서 만든 자바스크립트 패키지 관리 툴

$ sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo
# node.js가 설치되어 있지 않다면 아랫줄 실행, 설치되어있으면 건너 뛰고
$ sudo curl --silent --location https://rpm.nodesource.com/setup_6.x | sudo bash -
$ sudo yum install yarn

bower - 패키지 관리 도구( 설치법 )

$ npm install -g bower

$ npm install -g bower-installer

# bower-installer : bower 명령어를 사용할 경우 사용하는 경로에 패키지가 설치가 된다. bower-installer를 이용하면 자신이 원하는 위치에 패키지를 설치할 수 있게된다. bower init으로 생성된 bower.json 파일에 다음을 추가한다.

“install”: {
  “path”: {
    “css”: “static/css”,
    “js”: “static/js”
  }

$ bower init

$ bower install -jquery --save

--save 옵션을 붙여주면 bower.json dependencies에 저장된다.

$ bower-installer

해당 명령을 통해서 bower.json에 지정했던 경로에 설치된다.

webpack - 번들링 도구

$ mkdir webpack-test && cd webpack-test

$ yarn add --dev webpack

예제 예제2

끝

Node.js express 모듈을 이용하여 Hello world를 HTML(static 파일)로 찍어보기

# 서버쪽 파일 변경시 자동 재실행 할 수 있는 supervisor 설치

$ npm install supervisor -g

$ supervisor index.js

node app 루트 경로에 index.html을 생성

node app 코드에 다음을 추가한다. 인자로는 경로를 입력.

app.use(express.static('./'));

브라우저에서 http://localhost:3000/index.html

만약 루트 하위에 static 이라는 폴더로 만들고 static 폴더아래 index.html을 만들었울 경우

app.use(express.static('static'));

브라우저에서 http://localhost:3000/index.html

Docker로 node.js 서버 구축 및 nginx로 로드밸런싱 구현

예제 끝 부분에서 docker-compose를 설치해야 하는데 설치법은 다음과 같다.

# root 계정으로 변경한다. docker-compose 원하는 버전을 주소에 맞춰서 적어주면 된다. 1.13.0 부분
$ curl -L https://github.com/docker/compose/releases/download/1.13.0/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose
$ sudo chmod +x /usr/local/bin/docker-compose
$ docker-compose --version
docker-compose version 1.13.0, build 1719ceb
# 위와 같이 나오면 설치 성공