mocha – nodejs test framework

모카는 nodejs 와 browser 환경에서 동작하는 자바 스크립트 테스트 프레임워크 이다. 피처 중심의 테스트를 잘 지원하고 비동기 기능에 대해서도 간단하게 구현 가능하다. 유연하고 정확한 보고서 출력을 지원하며 연속해서 테스트를 수행한다.

설치 및 시험

node 프로젝트 폴더로 이동하여 npm 으로 mocha 설치하고 편집기로 간단한 테스트 코드를 작성한다. 테스트 코드에서 사용하는 chai 모듈을 npm 을 통해서 개발 환경(–dev-save 옵션)으로 설치한다.

$ npm install -g mocha
$ npm install chai –dev-save
$ mkdir test
$ vi test/test.js

테스트 코드는 아래와 같이 작성한다.

var assert = require('chai').assert;
describe('Array', function() {
  describe('#indexOf()', function () {
    it('should return -1 when the value is not present', function () {
      assert.equal(-1, [1,2,3].indexOf(5));
      assert.equal(-1, [1,2,3].indexOf(0));
    });
  });
});

mocha 를 실행하여 작성된 테스트 코드를 실행해 보자.

$ mocha

Array
#indexOf()
✓ should return -1 when the value is not present

1 passing (10ms)

결과 보고서

결과 보고서를 파일 형태로 남기고 싶을 때는 xunit 과 같은 패키지를 사용하는 것이 jenkins 와 같은 CI환경에서 보기에 적당하다. xunit-file 을 설치하자.

$ npm install xunit-file –save-dev

아래 명령으로 테스트 결과를 파일로 기록할 수 있다.

$ XUNIT_FILE=test-report.xml mocha -R xunit-file

테스트 커버리지

테스트 결과만 보면 흡족할 수 있으나 전체 코드 중에 얼마나 테스트 된 건지는 알 수 없다. 모카의 테스트 결과를 이스탄불을 통해서 커버리지 보고서로 받아 볼 수 있다. 이스탄불을 설치하자.

$ npm install –save-dev istanbul

상당히 많은 양의 패키지를 다운로드 받는다. 커버리지 보고서는 json 형태로 현재 폴더 안에 coverage 라는 새로운 폴더가 생기고 그 안에 파일이 저장된다. git 를 사용한다면 보고서 내용이 소스와 같이 취급되지 않도록 예외 항목으로 등록할 필요가 있다.

$ echo “/coverage” >> .gitignore

이제 이스탄불을 실행해 보자. 아래와 같은 결과가 나온다. 상당히 낮은 커버리지를 보여 주는데 테스트 코드를 더 열심히 작성해야겠다.

$ ./node_modules/.bin/istanbul cover _mocha

Array
#indexOf()
✓ should return -1 when the value is not present
  
User Service
#getNew(data)
✓ should return an user class when data is not present
  
2 passing (16ms)
=============================================================================
Writing coverage object [/Users/hwangyongho/Documents/dev/cloud/redis/coverage/coverage.json]
Writing coverage reports at [/Users/hwangyongho/Documents/dev/cloud/redis/coverage]
=============================================================================
  
=============================== Coverage summary ===============================
Statements : 32.69% ( 34/104 )
Branches : 24% ( 6/25 )
Functions : 21.43% ( 6/28 )
Lines : 34.69% ( 34/98 )
===============================================================================

매번 복잡하게 명령을 실행할 것이 아니라 package.json 파일에 coverage 라는 이름으로 아래와 같이 스크립트를 등록하고 npm run coverage 를 실행하면 된다.

/* package.json */
{
  ...
  "scripts": {
    "coverage": "istanbul cover _mocha -- -R spec"
  }
}

참고 사이트

CI with jekins and node.js

Jenkins 설치하기

Yum 으로 설치

yum 에서 jenkins 패키지를 인식 못할 수 있다. 이 경우에는 아래와 같이 패키지를 검색할 저장소를 추가해주면 된다.

$ sudo wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo
$ sudo rpm –import http://pkg.jenkins-ci.org/redhat-stable/jenkins-ci.org.key

그리고 다시 yum 으로 설치를 시도한다.

$ sudo yum install jenkins.noarch

아래 명령으로 jenkins 의 jetty 웹 서버를 실행할 수 있다. 기본 설정으로 8080 포트로 사이트가 열리게 되므로 http://servername:8080 으로 접속해 볼 수 있다.

$ sudo service jekins start

jenkins_1

보안 설정

가장 적은 노력으로 jenkin 의 보안 설정하는 방법은 자체 사용자 데이터를 사용하는 것이다. 다음과 같은 단계로 설정한다.

  1. 왼쪽 jenkins 관리 메뉴 선택, Configure Global Security 클릭한다.
  2. Enable Security 클릭, Access Control 항목이 펼쳐진다.
  3. Jenkins’ own user database 를 선택한다.
  4. 사용자 가입 허용을 체크한다.

주의사항 페이지 하단에 저장 버튼을 클릭해야 적용이 된다.

기업 환경에서 구축하는 경우에는 상당수 기업이 윈도우 환경이기 때문에 active directory 기반의 사용자 관리를 하고 있을 것이다. 윈도우 서버에 jenkins 라면 Active Directory plugin을 사용하면 되고 리눅스 서버라면 추가로 LDAP 기반 인증 을 사용할 수 있다. 그외의 설정들은 jenkins wiki 를 참고한다.

권한 설정은 서버에 인증된 사용자가 할 수 있는 작업을 설정하는 것이다. 사용자별로 세밀한 작업 권한을 주기 위해서는 Matrix-based 보안을 설정해야 하는데 소수의 인원이 사용하는 경우라면 인증된 사용자에게 모든 권한을 주는 것이 좋겠다. ‘Logged-in users can do anything’ 을 선택하자. 하단의 저장 버튼을 클릭해서 저장한다.

jenkins 자체 사용자 기반이라면 사용자 계정은 본인이 스스로 계정을 생성해야 한다. 첫 화면의 상단에 ‘가입’을 클릭해서 사용자 정보를 등록하고 계정을 만든다. 생성된 계정으로 로그인 하지 않으면 왼쪽 메뉴에서 작업할 항목이 보이지 않는다.

주의사항 필요한 기간 사용자 가입을 받고 그 이후에는 사용자 가입 허용항목을 해제했다. 처음부터 가입 허용을 하지 않기 위해서는 관리자가 jenkins 관리 에서 manage users 항목으로 들어가서 사용자 생성 메뉴를 이용하면 된다.

Node 설치

NVM 을 이용해서 node 을 설치한 경우, 다양한 설치 경로 때문에 문제가 많다. 패키지 관리자를 이용해서 node를 정해진 경로 /usr/local/bin 에 설치하자.

jenkins 는 기본적으로 자바, 메이븐, 앤트와 동작한다. node 프로젝트에 대해서 test 과정을 담는 시도가 많은데 이런 노력이 아깝기도 하고 모카(자바의 다른 커피종류?)를 이용한 XUnit 이 기존 JUnit 과 거의 유사해서 이를 이용하여 jenkins 로 ci (continuous integration build)를 구성 해보자.

아래와 같이 package.json 설정을 해서 npm 으로 하여금 테스트를 수행하게 하고 XUnit이 그 결과를 xml 형태로 출력하게 하면 jenkins 에서 결과를 읽어볼 수 있도록 한다.

'scripts': {
  'test': 'XUNIT_FILE=test-report.xml ./node_modules/.bin/mocha --recursive -R xunit-file test'
}

mocha 가 프로젝트의 배포에 같이 포함되어야 하므로 –save-dev 옵션으로 설치되어야 node_modules 폴더에 들어가게 된다. 위의 설정으로 npm test 를 수행하게 되면 mocha를 이용해서 test 폴더의 모드 하위 폴더에 대해서 테스트 코드를 수행하게 된다. XUnit 보고서를 사용하므로 “test-reports.xml” 이란 이름의 파일이 결과로 생성된다.

Jenkins 에 Node project 추가

모카 설정이 끝나면 jenkins 에 프로젝트를 등록할 수 있다. Node.js를 위한 jenkins plugin 도 있지만 빌드 하는 동안 node 코드를 실행하는 것에 필요한 것이지 테스트를 위해서는 아무 도움이 되지 못한다. 그래서 freestyle 프로젝트로 진행하기로 한다.

git plug-in 설치

서두에 언급한 것처럼 jenkins 에서 Node 는 기본으로 지원하지는 않는다. 따라서, 별도의 plug-in 을 설치해야 한다. jenkins 관리플러그인 관리로 가서 설치가능 탭을 열어보고 검색을 이용해 git plugin 을 찾는다. 선택을 하고 설치 버튼을 클릭하면 필요 plugin 까지 (git client, scm api plugin 등) 같이 설치된다. 사이트를 재 시작해야 다음 작업을 진행할 수 있다.

git 설정

jenkins 에서 git 의 기능을 활용하는 것이므로 미리 git 를 설치해 두어야 한다. install git 참조. jenkins 관리에서 시스템 설정으로 들어가면 Git 항목이 볼 수 있다. 없다면 사이트를 재시작하고 다시 접속해 본다.

git 인증 정보

git 저장소가 원격 서버에 존재하고 접근 과정에 인증이 필요하다면 인증 정보를 등록해야 한다. 메인 화면 왼쪽에 Credentials 항목을 클릭해서 Add 버튼을 누르고 인증 정보를 추가한다. 인증 정보는 ssh 키를 이용하는데 jenkins 서버에 jenkins 가 어느 계정을 사용하는지 파악하여 동일 계정으로 터미널로 들어가야 한다. jenkins 사이트는 보통 jenkins 계정으로 실행되는데 /etc/sysconfig/jenkins파일에서 아래와 같이 설정되어 있다.

JENKINS_USER=”jenkins”

이제 jenkins 계정으로 접속해서 아래와 같이 키 파일을 만든다.

$ ssh-keygen -t rsa

키 파일 생성 후에 .ssh폴더 안에 id_rsa.pub 라는 파일이 생기는데 이 파일을 git 저장소가 있는 서버로 복사한다.

$ scp -i git-user-key.pem ~/.ssh/id_rsa.pub git-user@git-server:~/

아래 명령은 저장소 서버에 ssh 방식으로 jenkins 서버의 계정이 접속할 수 있도록 인증을 위한 키 내용을 등록하는 명령이다.

$ cat id_rsa.pub >> ~/.ssh/authorized_keys

빌드 작업 추가

item 추가

메인 화면의 왼쪽의 새로운 item 메뉴를 클릭한다. item 이름에 프로젝트 이름을 등록하고 프로젝트 종류 중에 Freestyle 을 선택한다. OK 를 클릭하고 다음으로 넘어간다. 소스코드 관리 항목에 Git 를 선택한다. 저장소의 경로를 입력하는데 git clone 에 사용했던 저장소를 기록한다.

저장소 형태 사용 예
로컬 저장소 file:///var/lib/jenkins/git/project-1.git
원격 저장소 ssh://git-user@git-server/git/project-1.git

그러나 불행히도 git 저장소는 이미 다른 계정의 폴더에 생성이 되어있을 수 있다. 만일 /home/git-user/git/project-1.git과 같이 만들어져 있다면 jenkins가 접근할 수 없으므로 아래와 같이 오류가 발생한다. clone a repo from local machine. Error code 128

jenkins-2

이런 경우는 jenkins를 다른 계정(git-user)으로 실행하도록 변경해야 한다. 아래와 같이 따라하자. 원격 저장소를 이용하는 경우에는 아래 내용은 스킵해도 된다.

로컬 저장소 접근 권한 설정

jenkins 서비스를 실행하는 스크립트 /etc/init.d/jenkins 파일을 보면 $JENKINS 로 시작하는 변수가 몇 군데 발견된다. 이 변수 값은 앞 부분에 설명된 것과 같이 /etc/sysconfig/jenkins 설정 파일에 기록되어 있는데 이 값을 바꾸고자 한다.

jenkins를 중지 시키고 설정 파일을 바꾸기 전에 다른 이름으로 백업한다.

$ sudo /sbin/service jenkins stop
$ cp /etc/sysconfig/jenkins /etc/sysconfig/jenkins.bak

그런 다음 편집기를 이용해서 설정 파일에 jenkins 실행 계정을 git 저장소를 생성한 계정으로 바꿔준다.

JENKINS_USER=”git-user”

그리고 jenkins 가 사용하는 폴더의 권한도 변경된 계정이 접근할 수 있도록 권한을 변경해 주어야 한다. 아래와 같이 명령을 실행한다.

$ sudo chown -R git-user:git-user /var/lib/jenkins
$ sudo chown -R git-user:git-user /var/cache/jenkins
$ sudo chown -R git-user:git-user /var/log/jenkins

jenkins를 변경된 설정으로 다시 실행한다.

$ sudo /sbin/service jenkins start

빌드 설정

freestyle 로 생성 되었으므로 shell 을 직접 실행해서 빌드를 수행할 수 있다. Command 부분에 아래와 같이 입력하면 node_modules 에 필요한 패키지를 다운로드 받고 위에서 정의한 테스트 명령을 실행한다.

npm install
npm test

테스트에는 mocha 를 이용해서 수행되고 결과는 xunit 에 의해 xml 형태로 남게된다. 그 바로 아래 섹션에서 테스트 결과를 jenkins 에서 볼 수 있도록 설정할 수 있다.빌드 후 조치섹션에 아래와 같이 테스트 결과 파일명을 기록하면 된다.

Test report XMLs test-report.xml

화면 하단의 저장 버튼을 눌러서 등록한다.

빌드 수행

메인 화면에서 오른쪽에 등록된 프로젝트의 목록이 나타난다. 방금 등록한 프로젝트를 클릭해서 들어가 보면 왼쪽에 메뉴 중에 Build Now 항목을 클릭해서 테스트를 실행해 보자.

jenkins-3

테스트 결과를 그래프 형식으로 볼 수 있고 오류가 난 경우 해당 오류를 클릭하면 상세한 내용을 볼 수 있도록 화면이 이동될 것 이다. 이번 테스트 동안에 발생한 오류는 환경 변수 설정이 누락되어 데이터 접근에서 서버를 찾지 못하는 오류가 발생하였다. jenkins 플러그인 중에 Environment Injector Plugin 를 사용하면 빌드 수행 전에 필요한 변수 값을 설정할 수 있다.

커버리지 보고서

테스트의 결과는 전체 소스 코드 중, 어느만큼 테스트 된 것인지 확인하는 방법이 필요하다. 테스트 결과 100% 만족한다 하더라도 일부 코드에 대한 테스트만 실행되었다면 크게 의미가 없기 때문이다. 테스트를 수행하는 mocha 라는 패키지가 있듯이 테스트를 수행하는 동안 전체 코드 중 테스트에 점검된 범위를 측정하는 istanbul 이라는 패키지가 있다. jenkins 에서 cobertura plugin 을 통해서 istanbul 의 보고서를 볼 수 있도록 jenkins-mocha 라는 패키지를 설치 해보자. istanbul 의 설치 및 자세한 내용도 mocha – nodejs test framework 문서에서 확인할 수 있다.

$ npm install –save-dev jenkins-mocha

package.json 파일의 devDependencies 항목에 패키지와 버전 정보가 기록된다. 이제 npm test 명령으로 사용된 mocha 명령을 아래와 같이 변경하자.

{
  'scripts': {
    'test': 'jenkins-mocha test/*';
  }
}

이제 npm test 명령을 수행하게 되면 jenkins-mocha 패키지가 mocha 를 이용해 test를 진행하고 istanbul 을 이용해 커버리지 보고서를 만들게 된다. 산출물은 프로젝트 폴더 안에 artifacts 폴더가 생성되고 테스트 결과는 test폴더 안에 xunit.xml 파일로 생기고 커버리지 결과는 coverage 폴더에 cobertura-coverage.xml 파일로 생성된다. 다른 위치에 저장하기 원한다면 각각 $TEST_DIR, $COVERAGE_DIR 환경 변수 값을 설정하면 된다.

jenkins 에도 마찬가지로 cobertura 플러그인을 설치해야 한다. jenkins 관리 메뉴에서 플러그인 관리로 가서 이름으로 검색하면 쉽게 플러그인을 추가할 수 있다.

jenkins-4

플러그인이 추가되면 이제 이번에 추가된 프로젝트로 가서 빌드 후 조치 중에 cobertura 를 통해 커버리지 보고서를 보여 주도록 구성을 추가해야 한다. 프로젝트 “구성” 메뉴를 선택하여 화면 맨 하단에 빌드 후 조치 추가 버튼을 누르고 cobertura 섹션에 커버리지 결과 파일 경로명을 적어주고 이전에 입력한 테스트 결함 결과 보고서 위치도 변경된 위치로 수정해주어야 한다.

jenkins-5

설정이 끝났으면 다시 프로젝트를 빌드한다. 경로명의 철자가 틀리면 빌드의 결과가 실패로 보일 수 있으므로 실패됐다면 다시 한번 확인하자. 테스트 커버리지가 각 항목별로 정리되어 표시된다.

jenkins-6

참고 사이트

인용

사진들을 하나의 PDF로 모으기

맥북에서 여러 사진을 하나로 모아서 공유하고 싶을 때가 있다. 물론 각 사진의 원본이 중요한 경우는 메신저 창에 사진 파일들을 선택해서 드래그 하면 그만이다. 그러나 원본 보다 내용만 전달되면 되는 경우 메신저의 푸시 메시지가 시끄럽게 사용자를 불편하게 할 수 있다. 이런 경우는 사진 파일들을 묶어서 하나의 PDF 파일로 만들어 보내면 한번에 여러 사진을 책 보듯이 받아 볼 수 있다.

1. 미리보기에 여러 사진 모아서 보기

파인더 창에서 필요한 사진이 들어 있는 폴더로 이동한다. 필요한 사진 파일들을 복수로 선택하려면 command 버튼을 누른채로 마우스로 파일들을 클릭 한다. 선택된 파일들 중에 하나를 더블 클릭 한다. (command+O 를 눌러도 된다.)

스크린샷 2016-04-07 오전 10.43.36

2. PDF 로 출력하기

왼쪽 창에 여러 사진들이 목록으로 나타나는데 command+A 를 눌러서 모두 선택한다. 메뉴에서 “파일” 을 선택하고 “출력”을 선택한다. (command+P 를 눌러도 된다.)

스크린샷 2016-04-07 오전 10.49.30

출력 설정 화면이 나오는데 좌측 하단의 “PDF로 저장…” 을 선택한다.

스크린샷 2016-04-07 오전 10.53.37

저장할 폴더를 선택하고 저장할 파일명으로 고친 다음 “저장” 버튼을 눌러서 저장한다. 각 페이지가 사진들로 채워진 PDF 파일이 생성이 되었다.

스크린샷 2016-04-07 오전 10.57.43

Node 에서 Redis 사용하기

웹 사이트를 구성할 때 운영 안정성을 고민할 때가 많다. 서버가 고장이 나서 고객들이 접속하면 어떡하지 걱정도 되고 사업이 잘되서 생각보다 많은 사람이 접속을 해서 한 대의 서버로는 감당이 안될 경우에도 문제가 될 수 있다. 이런 경우에는 여러 대의 서버로 사이트를 구성하는 것이 보편적이다. 이렇게 여러 대를 구성하게 되면 자주 발생하는 문제가 고객이 접속하는 서버가 한 대에 고정되는 것이 아니라 여러 대의 서버로 옮겨 다닌다는 것이다. 이로 인해 사용자가 어느 서버에서 작업한 내용이 다른 서버로 옮겨가면서 다 사라져 버리는 불평을 호소하게 된다. 이를 방지하기 위해서 각 서버는 사용자의 작업 내용을 공유하게 되는데 쉽게 공유할 수 있는 방법이 캐시 서버를 두는 방식과 DB 서버를 두는 방식이 있다.
공유가 필요한 사용자의 작업 내용은 데이터로 저장되기 이전의 내용이고 저장된 이후에는 DB에 보관되어 있으므로 굳이 관리가 필요하지 않다. 따라서 여기서는 캐시 서버를 두는 예제를 다루기로 하고 redis 라는 솔루션을 이용하기로 한다.

Redis Install

yum 으로 설치하기

redis 최신 버전을 위해서 remi 저장소를 필요로 한다. 그리고 redis는 jemalloc 패키지를 사용하는데 이 패키지는 epel 저장소에 있다. 필요 저장소를 설치하기 위해서 아래와 같이 rpm 파일을 설치한다. EPEL,Remi 설치하기 를 참고 하시오.

$ wget http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm
HTTP request sent, awaiting response… 200 OK
Length: 14540 (14K) [application/x-rpm]
Saving to: ‘epel-release-6-8.noarch.rpm’

$ wget http://rpms.famillecollet.com/enterprise/remi-release-6.rpm
HTTP request sent, awaiting response… 200 OK
Length: 7615 (7.4K) [application/x-rpm]
Saving to: ‘remi-release-6.rpm’

$ sudo rpm -Uvh remi-release-6.rpm epel-release-6-8.noarch.rpm
준비 중… ################################# [100%]

yum을 이용하여 redis를 설치하려면 –enablerepo 옵션을 사용하여 epel과 remi 저장소에 접근하도록 지정하여야 한다. 아래와 같이 설치가 완료되면 시스템 서비스로 redis 가 실행되도록 등록하고 서비스를 실행한다.

$ sudo yum –enablerepo=epel,remi install redis -y
Loaded plugins: priorities, update-motd, upgrade-helper
epel/x86_64/metalink | 4.6 kB 00:00
epel/x86_64 | 4.3 kB 00:00
epel/x86_64/group_gz | 149 kB 00:00
epel/x86_64/updateinfo | 739 kB 00:01
epel/x86_64/primary_db | 5.8 MB 00:09

$ sudo chkconfig redis on
$ sudo service redis start

소스로 설치하기

yum 을 이용한 redis 의 설치 버전은 2.4 버전으로 낮은 버전이다. 높은 버전 (예 3.0) 을 설치하려면 소스를 받아서 빌드하고 설치하는 과정이 필요하다. 빌드가 가능하도록 아래와 같이 gcc 컴파일러와 테스트 도구를 설치하자.

$ sudo yum install -y gcc*
$ sudo yum install -y tcl

이제 redis 최신 버전을 받아서 아래와 같이 설치를 진행한다.

$ wget http://download.redis.io/releases/redis-3.0.1.tar.gz
$ tar xzf redis-3.0.1.tar.gz
$ cd redis-3.0.1
$ make
$ make test
$ make install
$ cd utils
$ chmod +x install_server.sh
$ ./install_server.sh

기본 설정을 묻는 질문들이 나오는데 엔터를 쳐서 기본 설정을 그대로 따라가면 된다. 중간에 실행 파일의 위치를 묻는데 which redis-server를 쳐보면 설치된 경로명을 알 수 있다. 여기서는 /usr/local/bin/redis-server 로 되어 있다.

설정 및 실행

설치하면서 실행할 서비스 이름이 달라질 수 있는데 설치 결과 메시지를 주목해서 봐야한다. 여기서는 아래와 같이 실행해야 한다. (포트 번호가 서비스 스크립트에 따라 붙어있다.)

$ sudo service redis_6379 start

redis 가 기본 localhost 에 대해서 동작하도록 되어 있으므로 외부 서버가 이용할 수 있도록 외부에 노출된 서버 ip 를 설정해준다. 아래와 같이 편집기를 이용해서 설정 파일 내용을 수정하자.

$ sudo vi /etc/redis/6379.conf

bind 에 정의된 ip 주소에 서버의 ip를 설정한다. 서버의 ip 주소는 ifconfig 명령으로 알 수 있다. 그리고 외부의 침입을 막기 위해 비밀번호로 보호를 하는 것이 안전하다. requirepass 항목에 적당한 비밀번호를 설정하자. 설정값은 복사해서 바로 사용할 수 있도록 대부분 설정 내용이 주석으로 기술되어 있다.

# Accept connections on the specified port, default is 6379.
# If port 0 is specified Redis will not listen on a TCP socket.
port 6379
# If you want you can bind a single interface, if the bind option is not
# specified all the interfaces will listen for incoming connections.
# bind 127.0.0.1
bind 172.31.15.27
# requirepass foobared
requirepass your_password

redis 서비스를 재 시작한다.

$ sudo service redis restart

redis desktop manager 로 서비스를 접속해본다. 이 RDM 다운로드 링크를 이용해서 다운 받아 설치할 수 있다.

Sample Test Coding

이제 redis 서버에 데이터를 저장하고 읽어가는 기능을 테스트 할 수 있도록 웹 사이트를 구성해 보자. node 에서는 웹 사이트 개발을 편리하게 하기 위해 express 라는 모듈을 이용한다. 사이트의 기본 골격을 만들어주는 명령어도 제공되는데 아래와 같이 설치하고 기본 웹 사이트를 만들어 보자.

install express & redis module

어느 폴더 위치에서도 express를 사용할 수 있도록 -g 옵션을 이용해서 설치하자.

$ sudo npm install -g express
$ npm install -g express-generator

express 명령을 이용해서 기본 웹 사이트 구조를 만들고 그 사이트에서 사용할 redis 모듈을 설치하자. –save 옵션을 이용하면 사이트의 package.json 파일에 어떤 모듈이 설치되었는지 기록이 되고 node_modules 폴더에 다운로드 된다.

$ express redisweb
$ cd redisweb

$ npm install –save connect-redis ioredis
$ npm install –save JSON

setup web application

폴더 바로 안쪽에 app.js 파일에 redis, JSON 모듈을 선언하고 접속 정보를 설정한다. (설정 정보는 별도 설정 파일로 존재하는 것이 좋은데 여기서는 생략한다.)

var Redis = require('ioredis');
var JSON = require('JSON');
client = new Redis({port: 6379, host: '52.79.54.249',
  password: 'your_password', db: 0});

express로 app 을 생성한 코드 다음에 redis 사용 가능하도록 아래 코드와 같이 middleware 에 등록하자. 각 함수에서 redis 를 이용할 수 있도록 request 객체에 cache 이름으로 미리 만들어 둔다.

app.use(function(req,res,next) {
  req.cache = client;
  next();
})

routes 폴더 안에 profile.js 파일을 생성하고 아래와 같이 코드를 입력한다.

var express = require('express');
var JSON = require('JSON&');
var router = express.Router();

router.get('/:name', function(req, res, next) {
  var key = req.params.name;
  req.cache.get(key, function(err,data){
    if (err) {
      console.log(err);
      res.send(err);
      return;
    }
    var value = JSON.parse(data);
    res.json(value);
  });
});

router.post('/', function(req, res, next) {
  var key = req.body.name;
  var value = JSON.stringify(req.body);

  req.cache.set(key, value, function(err, data) {
    if (err) {
      console.log(err);
      res.send(err);
      return;
    }

    req.cache.expire(key, 60);
    req.json(value);
  });
});

module.exports = router;

사용자가 입력한 데이터를 json 형태로 수신 받으면 post 함수에서 req.cache 으로 제공된 redis 로 수신 받은 데이터의 name 항목을 키와 문자열로 변환된 데이터를 저장한다. 저장에 성공하면 키 값의 유효시간을 60초로 하여 시간이 지나면 자동으로 소멸되게 한다.

get 함수에서는 name을 파라미터 값으로 받아서 req.cache 의 redis 를 통해서 데이터를 가져올 수 있다. 가져온 데이터를 json 형태로 사용자 화면에 표기한다.

이제 생성한 profile.js 파일을 app.js 안에 아래와 같이 모듈을 추가한다.

var routes = require('./routes/index');
var users = require('./routes/users');
var profile = require('./routes/profile');

사용자가 접속할 수 있는 주소 경로 /profile를 등록한다. 경로를 등록한 다른 함수 아래에 추가하면 된다.

app.use('/', routes);
app.use('/users', users);
app.use('/profile', profile);

Test

완성된 웹 사이트를 아래 명령으로 실행한다.

$ npm start

http://localhost:3000/ 주소로 브라우저로 접속을 해 보자. 전송할 데이터를 입력한 화면이 완성되지 않은 상태이기 때문에 크롬 브라우저의 POSTMAN 앱을 설치하고 postman 을 통해서 데이터를 작성해서 전송하자. 설치된 postman 을 실행하고 주소를 http://localhost:3000/profile 로 입력하고 그 왼쪽에 GET 을 POST로 변경한다. 그 아래 Headers 탭을 선택하고 Content-Type 항목에 application/json 을 입력한다. Headers 옆에 Body 탭을 선택하고 그 아래 raw 를 클릭하고 그 오른쪽에 입력 형태를 JSON(application/json) 을 선택한다. 그 아래 데이터 입력란에 아래의 json 코드를 입력한다.

{
  'name': 'tom';,
  'address': 'Seoul, Korea',
  'phone': '001-001-0001'
}

이제 send 버튼을 클릭하면 웹 사이트로 입력한 데이터를 전송하고 서버에 tom 을 키 값으로 데이터가 저장된다. 입력한 데이터 아래에 서버에서 응답한 결과가 나타나는데 Body 에 동일한 json 형태의 데이터가 나타나고 Status 에는 200 OK 라고 표시된다.

redis-json-result

 

다시 POST 를 GET 으로 바꾸고 주소에 http://localhost:3000/profile/:name 를 입력하고 send 하면 동일한 json 데이터가 화면 하단에 나타난다.

참고 사이트

NPM 사설 저장소 만들기

node 는 다양한 기능을 패키지 형태로 제공하는데 이를 통해 필요한 기능을 쉽게 추가하여 프로그램을 개발할 수 있다. 뿐만 아니라 npm 도구를 이용해서 최신 업데이트 된 기능을 쉽게 받아올 수 있다. 시스템 환경이 빠르게 변화하고 있고 프로그램이 정상적으로 동작하게 하기 위해서 기능을 최신으로 유지할 필요가 있다. 따라서 프로그램을 제공할 때 최신으로 업데이트 되도록 구성하는 것이 중요하다. 이런 상황은 운영 때만이 아니라 단기간의 프로젝트 중에도 발생할 수 있다. 어느 개발자가 작성한 코드는 여러 개발자들에 의해 사용되어질 수 있는데 이는 중복 개발도 막을 수 있고 따라서 생산성을 높여 개발 기간을 단축할 수 있기 때문이다. 이런 상황에서 공용되는 코드의 변경은 이를 사용하는 많은 개발자들에게 의사소통과 재작업을 일으켜서 오히려 손해가 될 수 있다. 이를 방지하기 위해 내부 공용 패키지에 대해서도 npm 도구를 적용해서 개발할 수 있어야 하고 패키지 변경에 대한 영향도 검토를 위해 테스트 코드가 필요하다.

이 내용은 마크다운 형식으로 작성되었고 마크다운 문법에서 배울 수 있다.

사설 저장소

github에 패키지를 올려서 받을 수 있는 방법도 있지만 여러가지 이유(npmjs.org 서버 다운 등)로 npm의 공공 저장소를 이용하지 못하는 경우 내부 사설 저장소가 대안이 될 수 있으므로 여기서는 다루지 않을 것이다. 구성하기 위해 도입할 수 있는 솔루션은 여럿1 있지만 유료이기도 하여 초기 셋업된 조직의 경우 선택하기 부담스럽다. 무료 중에 많이 사용되는 것으로 찾아본 결과 세가지 방법이 있다.

  1. couchDB를 npm과 연동 시키는 방법
    이 방법은 데이터베이스 자체를 설치해야 하는 부담이 있고 단순히 공공 저장소의 복사본으로 존재하므로 언급하지 않겠다. 자세한 내용은 링크를 따라가서 참조하면 좋겠다.
  2. sinopia 를 npm을 통해서 설치하는 방법
    npm을 사용하므로 쉽게 설치할 수 있다. 별다른 설정도 필요없다. 그러나 불행히도 최신 node 버전으로 제공되지 않아 설치에 어려움이 있어 nvm을 통해 node의 예전 버전을 설치하고 sinopia를 설치 구동시켜보자.
  3. Nexus 서버를 이용하는 방법
    넥서스 서버는 자바, 닷넷, node 등을 다방면에 제공하므로 요즘 같이 다양한 플랫폼을 사용하는 팀에서는 운영하기 유용하다 할 수 있다. 기존의 npmjs.org 의 저장소를 대신(proxy)해서 사용할 수 있고 사설 저장소도 구비할 수 있다. 저장소에 사용자를 등록하고 작업하는 부분이 버전 3부터 제공이 되고 있어 완성본이 나오면 정리하도록 하자. 자세한 방법은 링크를 참조하면 된다.

저장소 설치

여러 개발자 컴퓨터에서 접속할 수 있도록 한대의 서버를 마련하고 여기에 저장소를 설치하려고 한다. 저장소 서버에서 작업할 내용을 보도록 하자.

nvm 설치

일반적으로 nodejs 를 설치하려면 공식 사이트 에서 다운로드 받을 수 있지만 여기서는 sinopia 가 동작할 수 있는 과거 버전의 설치가 필요하므로 node 버전 관리 프로그램 nvm 을 이용하고자 한다. 아래 명령으로 nvm을 설치하는 스크립트를 받을 수 있다. 이 스크립트는 사용자 로그인 시 자동으로 수행되는 스크립트 파일(.bashrc)에 포함되므로 다시 로그인을 해야 사용할 수 있다.

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

다운로드가 완료되면 터미널을 재 접속하라는 메시지가 나온다. 터미널 창을 닫고 다시 접속한다.

$ nvm install 0.12.12
$ nvm use v0.12.12

sinopia 가 동작할 수 있는 버전의 node 를 설치한다. 그리고 해당 버전으로 node 가 동작하도록 지정한다.

$ node -v
v0.12.12

실행되는 node 버전이 같음을 알 수 있다. 이제 node의 npm 을 이용해서 sinopia 를 설치해야 하는데 설치 과정 중, 소스코드를 실행 파일로 만드는 과정이 필요할 수 있다. 이에 필요한 도구를 먼저 설치한다.

$ sudo yum install -y gcc-c++ make

소스코드는 보통 c, c++ 언어로 작성되며 이를 실행 파일로 만드는 도구가 리눅스에서 gcc 라는 것이 있다. 이를 다운받아 실행할 수 있도록 한다.

sinopia 설치

sinopia가 동작 가능한 node 최종 버전이 0.12 이기 때문에 일반적인 node 설치 방법과 다르게 nvm 을 이용해서 해당 버전을 설치하였다. 이제 node 에서 제공하는 npm 이라는 도구를 이용해 sinopia 를 설치할 수 있다.

$ npm install -g sinopia

-g 선택으로 sinopia를 어디에서도 실행 가능하도록 설치한다.

$ sinopia
 warn  --- config file  - /home/admin/sinopia/config.yaml
 warn  --- http address - http://localhost:4873/
 ^C

sinopia를 실행한다. 접속할 수 있는 http 주소가 나타난다. 실행됨을 확인하고 control + c 를 눌러 종료한다. 출력에서 볼 수 있듯이 config.yaml 이 sinopia 의 설정 파일이다. 이 안의 설정을 바꾸어 자신의 환경에 적절하게 조정하자.

맨 처음으로 관리자 정보를 등록하도록 하자. 아래와 같이 node 함수를 사용하여 ‘password’ 라는 관리자 비밀번호를 암호화 한다.

$ cd sinopia
$ node
> crypto.createHash('sha1').update('password').digest('hex')
> 5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8'
> .exit
$ cd sinopia
$ vi config.yaml

비밀번호의 암호화를 마치고 .exit 명령으로 node 의 실행을 중단한다. 출력된 16진수 문자열을 복사한다. 사용이 익숙한 (vi 같은)편집기를 사용하여 설정 파일 config.yaml 을 열어서 아래와 같이 고친다. 아래 항목이 없다면 파일 맨 끝에 추가한다.

# a list of users
users:
  admin:
    # crypto.createHash('sha1').update(pass).digest('hex')
    password: 5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8

만일 node 로 코딩 지식이 있다면 아래 코드를 이용해서 여러명의 사용자를 한꺼번에 등록할 수 있다. 물론 userlist 에 정의된 사용자는 본인의 사용자들로 변경해서 붙여넣기를 해야 한다.

var fs = require('fs');
var crypto = require('crypto');
var sha512crypt = require('sha512crypt-node');
var salt = crypto.randomBytes(10).toString('base64');

var userlist = [ "user1:password1", "user2:password2" ];
var ht = fs.createWriteStream('./htpasswd', {flag:'a'});
userlist.forEach(function (val, index) {
  var idpwd = val.split(':');
  if (!idpwd || idpwd.length != 2) return;
  ht.write(idpwd[0]);
  var pwd = sha512crypt.sha512crypt(idpwd[1], salt);
  ht.write(':');
  ht.write(pwd);
  ht.write(':');
  ht.write('\n');
});
ht.end();

이 저장소에 개발자들이 접근할 수 있도록 주소가 필요하다. 기본 설정된 localhost 이름은 서버 안에서만 의미있는 이름이다. 서버 관리자에게 저장소 서버의 ip 주소에 도메인 이름을 지정하도록 요청하고 지정된 이름을 설정 파일 안에 기록해주어야 한다. config.yaml 파일 안에 아래 내용으로 수정 (없다면 추가) 한다.

# listen address and port
listen: npm-registry.company.com:4873

저장소 서버에서의 설정이 마무리 되었다. 이제 sinopia를 실행해 보자.

$ sinopia

저장소 사용하기

이제부터는 서버 작업을 마쳤으므로 자신의 컴퓨터에서 작업을 할 순서이다. 서버 설정 파일에 작성한 저장소 주소를 기억하는가? 자신의 컴퓨터에서 웹 브라우저를 실행하여 해당 주소를 입력해보자. 접속된 화면에서 우측 상단의 로그인 버튼을 클릭해서 서버에서 등록한 admin 계정으로 로그인 한다.

sinopia

저장소 주소 설정

sinopia 는 nmpjs.org 의 저장소와 연결하여 필요한 패키지를 전달해 준다. 만일 nmpjs.org 사이트가 닫혀있어도 이미 전에 다운 받은 적이 있던 패키지들은 sinopia에 담겨 있으므로 여전히 개발자들은 대신해서 패키지를 다운 받을 수 있다. 그렇다면 이제는 내 컴퓨터의 npm 은 지금 만들어논 사설 저장소를 사용하도록 설정해보자.

$ npm set registry "http://npm-registry.company.com:4873"
$ npm config get registry
http://npm-registry.company.com:4873

설정 전에는 .npmrc 파일은 없고 기본적으로 http://registry.npmjs.org 주소를 저장소로 사용하게 된다. npm set 명령으로 저장소 주소를 변경할 수 있고 npm config get 으로 저장소 주소를 확인할 수 있다. 이렇게 설정된 값은 홈 디렉토리 안에 .npmrc 파일 안에 아래와 같이 기록된다.

registry=http://npm-registry.company.com:4873

이제 서버에서 등록한 admin 계정으로 저장소에 로그인 해 보자.

$ npm login
Username: admin
Password:
Email: (this IS public) myid@company.com

비밀번호는 서버에서 암호화 이전에 지정한 단어를 기억해서 입력해야 한다. 메일 주소는 서버에서 체크하지 않으므로 그냥 자신의 주소를 입력한다. 아무 메시지가 나오지 않으면 정상적으로 로그인이 된 것이다. 기본 권한 설정에 따라서 패키지를 다운 받는 것은 로그인이 필요 없지만 (누구나 가능) 패키지를 배포하는 것은 인증된 사용자만이 가능하다.

sample 프로그램

간단한 node 프로그램을 개발하면서 사설 npm 저장소를 이용해보자. 먼저 프로그램 코드를 위치시킬 폴더 tester 폴더를 만들고 npm 을 이용해 폴더 구조를 만들자.

$ mkdir tester
$ cd tester
$ npm init
This utility will walk you through creating a package.json file.
...
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (tester)
version: (1.0.0)
description: tester code for test of testee
entry point: (index.js)
test command:
git repository:
keywords: test
license: (ISC)
About to write to /Users/userid/tester/package.json:
{
  'name': 'tester',
  'version': '1.0.0',
  'description': 'tester code for test of testee',
  'main': 'index.js',
  'scripts': {
    'test': '...';
  },
  'keywords': [
    'test'
  ],
  'author': 'My Name <myid@company.com> (http://company.com)';,
  'license': 'ISC'
}

Is this ok? (yes)

초기화 과정 중에 질문이 많지만 그냥 enter 키만 치고 넘어가도 되는 내용들이다. 이제 폴더 내에 필요한 파일들이 생겨져 있다. 초기화 과정의 질문에도 나오지만 실행할 프로그램을 만들어 보자. vi index.js 명령으로 실행 파일을 편집기로 연다. 그리고 아래 코드를 붙여 넣어보자.

var chalk = require('chalk');
console.log(chalk.red('Hello,'), chalk.blue('world.'));
console.log(chalk.yellow('Hello, world.'));

이 내용을 저장하고 편집기를 종료하면 간단하게 Hello, world. 를 출력하는 프로그램이(index.js) 생긴다. 이를 실행하기 위해 코드에 나온 것 같이 chalk 라는 패키지가 필요하다. 아래 명령으로 이전에 설정한 sinopia 저장소를 통해서 패키지를 현재 폴더에 설치하게 된다.

$ npm install --save chalk
tester@1.0.0 /Users/userid/tester
└─┬ chalk@1.1.3
  ├── ansi-styles@2.2.1
  ├── escape-string-regexp@1.0.5
  ├─┬ has-ansi@2.0.0
  │ └── ansi-regex@2.0.0
  ├── strip-ansi@3.0.1
  └── supports-color@2.0.0

npm WARN EPACKAGEJSON tester@1.0.0 No repository field.

실행을 하면 패키지가 다운 받는 과정이 나타나는데 이것은 sinopia 가 npmjs.org를 대신해서 정상적으로 동작하고 있음을 보여준다. 설치할 때, –save 옵션을 사용하므로 package.json 파일에 어떤 패키지들을 설치했는지 기록되게 되는데 나중에 한꺼번에 필요한 패키지를 npm install 명령 하나로 업데이트 할 수 있다. 이제 필요한 패키지도 설치가 됐으니 실행을 해보도록 하자.

$ node index.js
Hello, world.
Hello, world.

출력 결과는 앞 단어는 적색, 뒤는 청색 그리고 다음 줄은 노란색으로 나타난다.

패키지 등록하기

사설 저장소를 만든 근본 목적이 내가 만든 패키지를 공개된 곳이 아닌 우리 안에 두고 우리끼리 공유해서 사용하고 싶어서이다. 이제 간단한 패키지를 만들어 보고 사설 저장소에 저장해 보겠다. 우선 현재 tester 폴더에서 나와서 새로 testee 폴더를 만들자.

$ cd ..
$ mkdir testee
$ cd testee
$ npm init

작업의 순서는 tester 프로그램을 만들 때와 동일하다. 똑같이 편집기를 통해서 아래와 같은 내용으로 index.js 파일을 만들자.

var exports = module.exports = {
  hello: function () {
    return 'hello, testee.';
  }
}

hello 함수를 제공하는 객체를 반환하는 패키지이다. 우선 인증된 사용자 만이 패키지를 배포할 수 있으므로 npm login 을 하고 publish 명령으로 배포를 한다.

$ npm login
Username: admin
Password:
$ npm publish
+ testee@1.0.0

testee 라는 패키지가 정상적으로 사설 저장소에 배포가 되었다. 사설 저장소의 웹 페이지로 들어가 보면

\> testee v1.0.0

By:

test for publishing

라는 메시지가 나타난다. readme 파일등 세밀하게 관리할 필요가 있는데 여기서는 생략하겠다.

패키지 사용하기

이미 tester 예제 프로그램을 통해서 npmjs.org 로부터 정상적으로 패키지를 가져오는 것을 확인하였다. 이제 사설 저장소에서도 방금 배포한 testee 패키지도 정상적으로 받아 올 수 있는지 확인하도록 하자. 이전 tester 프로그램을 작성하던 tester 폴더로 다시 이동해서 아래 명령으로 testee 패키지를 받아보자.

$ npm install --save testee
tester@1.0.0 /Users/userid/tester
└── testee@1.0.0

npm WARN EPACKAGEJSON tester@1.0.0 No repository field.

tester 폴더에서 testee 패키지를 받아 설치된 것을 확인할 수 있다. 마찬가지로 package.json 파일에도 저장되어 있다. 이제 설치된 패키지 함수가 정상적으로 동작하는 지 확인하자. tester 폴더의 index.js 파일을 아래와 같이 수정하자.

var chalk = require('chalk');
var testee = require('testee'); // 추가
console.log(chalk.red('Hello,'), chalk.blue('world.'));
console.log(chalk.yellow(testee.hello())); // 변경

파일을 저장하고 node index.js 명령으로 실행해 보자.

$ node index.js
Hello, world.
hello, testee.

패키지의 함수에서 제공된 문자열이 정상적으로 출력되었다.

맺음말

npm 을 통해서 전 세계 개발자들의 기술을 공유할 수 있어 시스템 구축의 생산성이 비약적으로 높아졌다. 검색만 잠깐 하면 필요한 기능을 제공하는 패키지를 쉽게 찾을 수 있고 소스를 받아서 일일이 환경에 맞춰 빌드 작업하는 것도 사라졌다. 실제 기업에서 작업을 하게되면 공개 패키지로는 해결이 안되는 세밀한 작업들이 많은데 이 또한 기업 내에서 반복적으로 일어나는 것이 많아서 기능을 제대로 구분한다면 패키지로 만들어 재사용할 수 있는 것들이 많다. 추가적으로 생산성이 더욱 향상 될 수 있다는 것이다. 일관성이 적고 늘 변화무쌍한 조직도 있지만 노력에 따라 가능한 패키지들을 뽑아낼 수 있다고 생각된다. 물론 이런 도구를 사용하기 위한 프로세스도 잘 정리되어야 서로간에 불편함을 덜 수 있으니 일하는 방식에 대해서도 더 많이 고려해서 적합한 도구가 제공되어야겠다.

참고 사이트


  1. npm Private Packages 는 월 7달러,