나라의 IT 잡아먹기

서론 최근 많아지는 SPA 개발 요구사항에 따라 마찬가지로 SPA 배포 환경을 구성해야 하는 경우도 종종 생겨나고 있다. 이번 포스팅에서는 SPA Application을 배포하기 위한 CI 서버 환경 구성 방법에 대해 알아보도록 한다. 본문 SPA의 대표적인 JavaScript 언어로는 Vue, Angular, React가 있다. 셋 모두 NodeJS 기반 모듈로써 Node 빌드 & 배포 방식을 사용하고 있다. 1) Node & NPM 설치 따라서 Jenkins 서버에 SPA Application을 빌드/배포하기 위한 node & npm 이 설치되어 있어야 한다. [root@ciserver node]# wget -qO- https://raw.githubusercontent.com/creationix/nv..

앞서 package.json을 통해 node module이 관리되어진다는 것은 이미 확인하였다. 그렇다면, package.json으로 관리되는 node module은 어떠한 방식으로 dependency를 관리하고 module을 설치하는지 살펴보도록 하자. NPM NPM은 Node Package Manager로써 다음과 같은 기능을 담당한다. NodeJS로 만들어진 모듈을 웹에서 다운로드 받아 설치하고 관리하는 기능 NodeJS 모듈의 버전을 관리하고 호환성을 관리하는 기능 즉 NodeJS Module을 설치하고, 관리하고, Dependency를 유지해 주는 말 그대로의 관리 매니저라 할 수 있다. NPM 활용 그렇다면 NPM은 어떻게 활용할 수 있는지 살펴보도록 하자. 1) npm version (npm..

NodeJS 동적 반영 환경 구성 개발환경에서 매번 JavaScript 가 반영될때 마다 node를 재기동하는 것은 매우 번거로운 작업이 될 것이다. 이를 편리하게 적용하고 반영하기 위해 2가지 모듈을 가이드하고자 한다. - nodemon npm install --save nodemon - pm2 npm install --save pm2 --save option은 추가한 두 node module을 package.json에 저장할 것인지를 지정하는 옵션이다. Node 기동 방법 Node를 기동하는 방법은 크게 2가지가 있다. 1) node 명령어를 직접 입력하는 방법 node 명령어를 직접 입력하여 기동하는 방법은 다음과 같다. 앞서 설치한 nodmon 또는 pm2를 통해 기동할 수 있다. [nodemon..

앞서 NodeJS 개발환경을 구성하기 위한 Project 환경 설정 및 GitHub 연동 방법에 대해 살펴보았다. 이와 같은 방법으로 프로젝트를 구성하게 될 경우 초기 환경 부터 프로젝트에 적합한 노드 모듈과 코딩 스타일에 맞는 환경 변수, 디렉토리 등을 구성하여 커스터마이징이 유연한 프로젝트 개발환경을 가져갈 수 있다. 다만, 개발환경을 구성하는데 경험이 있고, 프로젝트를 수행해 본 경험이 있는 아키텍처에게는 유연한 구성이 좋을 수 있으나, 처음 NodeJS 프로젝트를 진행하거나, 경험이 없는 경우 초기 Template 환경을 제공해 주는 방식으로 진행하는 것이 좋을 수 있다. 본 포스팅에서는 이러한 기반 환경을 제공해 주는 EJS Application 개발 방식에 대해 알아보자. NodeJS는 Fro..