NVM 설치와 사용

NVM은 여러 Node.js 버전을 사용할 수 있게 하는 CLI도구다.

NVM 설치하기

# 설치하기
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

# NVM 환경 불러오기
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

				
					
				1
2
3
4
5
6

						# 설치하기
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
 
# NVM 환경 불러오기
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

					

			

쉘을 재접속해도 nvm을 찾을 수 없을 때는 직접 .bashrc에 NVM 환경 불러오기 부분을 추가하면 된다.

NVM 사용하기

# LTS 버전 설치
nvm install --lts

# LTS 버전 사용하기
nvm use --lts

# 현재 버전 확인하기
node --version

				
					
				1
2
3
4
5
6
7
8

						# LTS 버전 설치
nvm install --lts
 
# LTS 버전 사용하기
nvm use --lts
 
# 현재 버전 확인하기
node --version

					

			

2017년 3월 30일2018년 1월 12일

Markdown(마크다운)을 웹페이지로 만들어주는 Markserv

Jekyll을 사용해서 글을 작성하는데, Generating 하는 시간이 너무 오래 걸려서 글 작성에 집중 하기 어려웠다. 그래서 레이아웃이나 플러그인에 의해 Generating 하는 것 없이 순수하게 Markdown 변환만 하고 싶었다.

요구조건:

Markdown 파일을 웹 서비스에서 html 파일 제공
디렉토리 탐색 용이. 여러 파일 추가하고, 찾기 쉬워야 함.
Live reload
npm으로 설치 가능

npm에서 markserv라는 적당한 모듈 찾았다.

사용방법은 간단하다.

# global로 설치
npm install markserv -g

# 원하는 디렉토리로 이동
cd ~/workspace
markserv

				
					
				1
2
3
4
5
6

						# global로 설치
npm install markserv -g
 
# 원하는 디렉토리로 이동
cd ~/workspace
markserv

					

			

이렇게 하면 자동으로 브라우저가 열린다. 그리고 수정할 때 Live reload가 된다.

이제 Jekyll은 사이트에 배포할 때만 빌드하면 될 것 같다.

브라우저는 내가 직접 띄우고, 포트도 8484번으로 사용할 것이라서 최종 커맨드를 다음과 같이 했다.

markserv -x -p 8484

				1

						markserv -x -p 8484

2017년 1월 27일2018년 1월 12일

Node.js에서 자주 사용하는 코드

Node.js로 개발할 때 자주 사용하는 코드를 정리했다.

Crypto

Crypto는 OpenSSL 해시, HMAC, cipher, decipher, 서명, 증명 함수 등의 wrapper 세트를 포함한 암호 기능을 제공하는 모듈이다.

Node.js Crypto API

비밀번호를 디비에 암호화해서 저장할 때 사용할 수 있는 sha256 암호화 예제다.

const crypto = require('crypto'); // ES6 - import crypto from 'crypto'; 

const secret = 'abcdefg';
const hash = crypto.createHmac('sha256', secret)
                   .update('I love cupcakes')
                   .digest('hex');
console.log(hash);
// Prints:
//   c0fa1bc00531bd78ef38c628449c5102aeabd49b5dc3a2a516ea6ea959d6658e

				
					
				1
2
3
4
5
6
7
8
9

						const crypto = require('crypto'); // ES6 - import crypto from 'crypto'; 
 
const secret = 'abcdefg';
const hash = crypto.createHmac('sha256', secret)
                   .update('I love cupcakes')
                   .digest('hex');
console.log(hash);
// Prints:
//   c0fa1bc00531bd78ef38c628449c5102aeabd49b5dc3a2a516ea6ea959d6658e

					

			

파일 시스템

Path API

// 현재 파일 경로
__filename; // D:\workspace\diagram\main.js

// 현재 디렉토리
__dirname; // D:\workspace\diagram

// 경로 연결
path.join(__dirname, '/test') // /home/dirname/test

// 상대적인 경로로 연결.
path.resolve('/foo/bar', './baz') // /foo/bar/baz

// 경로에 해당하는 속성을 가져온다.(root, dir, base, ext, name)
path.parse("/usr/local/test.jpg")

// 경로에서 파일명만 가져오기
path.basename('/foo/bar/baz/asdf/quux.html') // Returns: 'quux.html'
path.basename('/foo/bar/baz/asdf/quux.html', '.html') // Returns: 'quux'

// 디렉토리 이동. cwd 변경.
process.chdir('/tmp');

// 파일이동, 이름 변경
fs.renameSync(oldPath, newPath);

// 파일 삭제
fs.unlinkSync(path);

				
					
				1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

						// 현재 파일 경로
__filename; // D:\workspace\diagram\main.js
 
// 현재 디렉토리
__dirname; // D:\workspace\diagram
 
// 경로 연결
path.join(__dirname, '/test') // /home/dirname/test
 
// 상대적인 경로로 연결.
path.resolve('/foo/bar', './baz') // /foo/bar/baz
 
// 경로에 해당하는 속성을 가져온다.(root, dir, base, ext, name)
path.parse("/usr/local/test.jpg")
 
// 경로에서 파일명만 가져오기
path.basename('/foo/bar/baz/asdf/quux.html') // Returns: 'quux.html'
path.basename('/foo/bar/baz/asdf/quux.html', '.html') // Returns: 'quux'
 
// 디렉토리 이동. cwd 변경.
process.chdir('/tmp');
 
// 파일이동, 이름 변경
fs.renameSync(oldPath, newPath);
 
// 파일 삭제
fs.unlinkSync(path);

					

			

Gulp

gulpfile.babel.js를 사용할 때 SyntaxError 발생

gulpfile에 ES6 문법을 사용할 때, 다음 에러가 뜰 수 있다. 예를들어, import 할 때.

SyntaxError: Unexpected reserved word

				1

						SyntaxError: Unexpected reserved word

babel-core가 없을 때 발생할 수 있다.

# babel 있는지 확인
npm ls babel

# 없으면 설치
npm install babel-core --save-dev

				1
2
3
4
5

						# babel 있는지 확인
npm ls babel
 
# 없으면 설치
npm install babel-core --save-dev

Express.js

// 응답 헤더 지정
res.set('Content-Type', 'image/png');

// URL 파싱
require('url').parse(req.url)

// 정규식 패턴을 사용한 라우팅 (puml로 끝나는 경우)
app.get(/\.puml$/, function(req, res) {
}

				
					
				1
2
3
4
5
6
7
8
9

						// 응답 헤더 지정
res.set('Content-Type', 'image/png');
 
// URL 파싱
require('url').parse(req.url)
 
// 정규식 패턴을 사용한 라우팅 (puml로 끝나는 경우)
app.get(/\.puml$/, function(req, res) {
}

					

			

NPM 사용

# production으로 모듈 설치
NODE_ENV=production npm install --only=prod

# 개발 디펜던시만 설치
npm install --only=dev

				1
2
3
4
5

						# production으로 모듈 설치
NODE_ENV=production npm install --only=prod
 
# 개발 디펜던시만 설치
npm install --only=dev

모듈

내가 사용했던 유용한 Node.js 모듈이다. 더 많은 모듈을 npmjs에서 검색할 수 있다.

serve-index : 파일 목록을 제공할 수 있음.
node-plantuml : plantuml 파일을 생성할 수 있음.