기본 콘텐츠로 건너뛰기

가상머신에 Node.js설치하고 환경설정하기

이전 포스팅에서 VirtualBox와 Vagrant를 소개하고 설치하는 포스팅을 했었습니다.

이번에는 가상머신 위에 간단하게 Node.js를 설치하고 환경설정을 하는 방법을 포스팅하겠습니다.

NVM (Node Version Manager) 설치하기

NVM은 Node.js를 버전별로 설치하고 관리할 수 있게 도와주는 툴입니다. 그래서 한 시스템 안에 기존버전의 Node.js를 삭제할 필요없이 여러 버전의 Node.js를 쉽게 설치하고 사용할 수 있게 해 줍니다.

주의 할 점은 NPM을 사용하지 않을 경우 Node.js의 root 폴더는 /usr/local/bin/의 한 곳에 설치가 되지만 NVM을 사용하여 설치한 경우는 사용자 별로 NVM 폴더에 버전별로 설치가 됩니다. 예를들면.. /User/junistory/.nvm/versions/node/에 설치가 됩니다.

설치는 ssh로 가상머신에 접속하여 아래와 같이 curl을 이용하여 nvm을 설치합니다.

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

설치가 완료되면 설치된 것을 인식을 시켜줘야 하는데 2가지 방법이 있습니다.

  1. ssh를 재시작 합니다. logout 후에 다시 ssh로 접속을 합니다.

     $ logout

  2. source 명령어로 .bashrc를 새로 적용시켜 줍니다.

     $ source ~/.bashrc

이제 쉘에서 NVM 명령어를 실행 시킬 수 있습니다.

Node.js 설치하기

NVM을 설치했으면 이번에는 NVM을 이용하여 아래와 같이 Node.js를 설치 하면 됩니다.

  • 최신 버전의 Node.js를 설치합니다.

      $ nvm install node

  • 특정 버전의 Node.js를 설치합니다. 여기서는 v0.12.4 버전을 설치합니다.

      $ nvm install v0.12.4

  • Node.js 설치가 잘 되었는지 버전으로 확인합니다.

      $ node -v

NVM으로 Node.js를 설치한 것에 대한 환경 설정하기

NVM으로 Node.js를 설치 할 경우 그냥 설치한 것과 설치 위치가 달라지기 때문에 sudo 명령어와 함께 npm이나 node명령어가 적용이 되지 않을 경우가 있습니다. 그래서 sudo에 대한 PATH 환경변수를 수정해야 하는데 이 설정은 sudoers 파일을 수정해야 하며 visudo 명령어로 아래와 같이 변경 할 수 있습니다.

sudo 명령어와 관련된 권한을 설정하는 sudoers 파일 수정

sudoers는 sudo와 관련된 설정을 하는 파일 입니다. 이 파일을 수정하기 위해서는 visudo 명령어를 사용하면 됩니다. 

$ sudo visudo

sudoers 파일이 열렸으면 아래와 같이 수정합니다.


#######################################
## env_reset를 무효화 처리  
######################################
# Defaults   env_reset
Defaults    !env_reset


######################################
## HOME을 사용할 수 있게 주석 제거 처리
######################################
# Defaults   env_keep += "HOME"
Defaults   env_keep += "HOME"


#######################################
## PATH가 덮어쓰지 않도록 주석처리
#######################################
# Defaults    secure_path = /sbin:/bin:/usr/sbin:/usr/bin

간단한 vi 명령어

편집 : 수정할 위치에서 i키 입력 후 수정 저장하고 빠져나오기 : 편집이 완료되면 esc키를 누른 후 :wq를 누름 저장없이 빠저나오기 : esc키를 클릭 후 :q를 누름

Node.js의 글로벌 설치 PATH 설정

NVM으로 Node.js를 설치했다면 npm에 대한 환경변수 인 NODE_PATH에 대한 설정도 해주어야 합니다.

먼저 npm의 root폴더 위치를 확인해야 합니다. root폴더는 npm을 글로벌로 설치할 때 node_modules가 저장되는 위치입니다. 해당 위치가 환경변수에 등록이 되어 있어야 시스템 어디에서든지 해당 node_modules을 참조할 수 있습니다.

npm의 root폴더를 확인하기 위해서 가상머신에서 npm root -g 명령어를 실행 시킵니다.

$ npm root -g
/home/vagrant/.nvm/versions/node/v0.12.4/lib/node_modules

해당 경로를 환경변수에 추가하면 됩니다.

리눅스(CentOS)의 경우 환경변수 설정은 ~/.bash_profile에서 할 수 있습니다. 가상머신이라면 해당파일의 경로는 /home/vagrant/.bash_frofile이므로 해당 파일을 열어서 NODE_PATH를 추가합니다.

$ vi /home/vagrant/.bash_frofile

vi 에디터로 .bash_frofile를 열었으면 문서의 하단에 검색한 경로에 대해 아래와 같이 export NODE_PATH를 추가합니다.


export NODE_PATH=/home/vagrant/.nvm/versions/node/v0.12.4/lib/node_modules

이제 시스템의 어느위치에서든지 node_modules를 참조할 수 있습니다.

간단한 vi 명령어

편집 : 수정할 위치에서 i키 입력 후 수정 저장하고 빠져나오기 : 편집이 완료되면 esc키를 누른 후 :wq를 누름 저장없이 빠저나오기 : esc키를 클릭 후 :q를 누름

git 설치하기

추가로 다양한 오픈소스를 다운받기 위해 git을 아래와 같이 설치합니다.

$ sudo yum install git
라벨:

댓글

댓글 쓰기

이 블로그의 인기 게시물

CSS에서 ellipsis('...')를 처리하는 방법

이번에 ellipsis에 대해 정리해 보도록 하겠습니다. 보통 게시판 리스트의 제목부분이 길어질 경우 php나 jsp등의 프로그램단에서 일정 글자수 이상이 되는 것에 대해 '...'으로 마무리 하는 경우가 많은데요.. 이것을 프로그램이 아닌 CSS만 가지고도 처리할 수 가 있습니다. 한줄라인 글자수 제한 한줄 라인 글자수 를 제한하는 방법은 아래와 같습니다. <div class="txt_line">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다</div> .txt_line { width:70px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } Block레벨 테그에서만 적용됨. overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함 text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함 white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능) 멀티라인 글자수 제한 멀티라인에 대해서 글자수를 제한하는 방법은 아래와 같습니다. <p class="txt_post">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다.&nbsp; 비도 추적추적 내리고 일정상 늦으막해서 그런지 사람이 많지는 않았다. 덕분에 보통때는 한참을 기다려야 겨우 날개달린 사진을 찍을 수 있었을 텐데, 이번에는 바로 천사날개를 달고 사진을 찍을 수 있는 행운까지 얻었다. 이번이 동피랑 벽화마을 방문 3번째인데 예전에 왔을때에 비해서 벽화가 많이 바뀌어 있었다</p> .txt_post { overflow: hidden; text-ove...
댓글 5개
자세한 내용 보기

Google 스프레드시트로 구글캘린더에 일정 연동하는 방법

저는 구글 제품을 많이 사용하는 편입니다. 제 주력 캘린더도 Google 캘린더 고요. 이번에 모임의 임원을 맡게 되면서 회원들의 생일을 캘린더에 등록해야 할 일이 생겼어요. 그냥 하나하나 등록을 하는 도중 "내가 지금 뭐하고 있나.." 라는 자괴감이 들기 시작했어요. 구글 시트에 있는 날짜 정보(생일)을 한 번에 쉽게 일괄 등록할 수는 없을까라는 생각이 뇌리를 스쳤습니다. 그래서 찾아봤더니.. 약간의 매크로 프로그램을 작성하면 가능할 것 같더라고요. 그래서 열심히 개발을 해봤습니다. 1시간이면 등록할 것을 8시간 걸려서 프로그램을 짜 봤어요. 결과적으로는 더 비효율적이었네요. ㅠㅠ 그러나... 나에게는 비효율 적이었지만 이코드를 공개하면 다른 사람에게는 큰 도움이 될 수 있겠구나 생각을 하고 코드를 공개해 보려고 합니다. 준비물 준비물은 Google 스프레드시트, Google 캘린더만 있으면 돼요. 당연히 무료고요. Google 캘린더 먼저 Google 캘린더를 만들거나 사용하고 있는 캘린더를 준비합니다. 적용하기 원하는 캘린더의 우측의 ... 를 클릭하고 설정 및 공유 를 선택합니다. 캘린더 ID를 잘 기억해 놓습니다. 나중에 이 ID를 활용할 예정입니다. Google 스프레드시트 회원생일 스프래드시트 공유 Google 스프레드시트로 명단과 생일을 작성합니다. ▲ 위와 같이 작성을 하면 되고 중요한 사항은.. 생년월일 이 구글 시트의 날짜 형식에 맞아야 합니다. 그리고 갤린더등록 , 캘린더상태 의 항목은 필수로 있어야 합니다. 캘린더등록 : 캘린더에 등록할지 제거할지를 표시 (ADD / DEL) 캘린더상태 : 현재 캘린더에 해당 항목이 적용되었는지 확인 (Y / ' ') 매크로 프로그램 작성하기 기본적인 준비는 끝났습니다. 이제부터 Apps Script를 제작하고 트리거를 등록하면 됩니다. Apps Script 작성하기 Apps Script 는 구글 제품에 대...
댓글 쓰기
자세한 내용 보기

Google캘린더(달력)에 대한민국 휴일 표시하기

구글 캘린더에 대한민국 휴일을 표시하는 설정에 대해서 소개합니다. 네이버 달력이라면 그냥 기본으로 나오겠지만 구글캘린더의 경우는 별도의 설정을 해 주어야 합니다. 휴일의 표시는 각 나라의 휴일을 구글에서 미리 작성해 놓은 것을 내 캘린더에 불러와 적용하는 방식으로 되어 있습니다. 대한민국 공유일 표시하기 먼저 설정화면으로 이동합니다. 캘린더 화면의 우측상단의 설정 아이콘을 클릭합니다. 메뉴 중 설정 을 클릭합니다. 설정화면 중 좌측 메뉴에서 캘린더 추가 메뉴를 선택합니다. 관심분야와 관련된 캘린더를 선택합니다. 지역 공휴일의 모두 둘러보기 를 선택하면 각나라의 휴일을 선택할 수 있습니다. 우리는 대한민국의 휴일 을 선택합니다. 캘린더에서 공휴일 보기 대한민국 휴일에 대한 설정을 했다면 이제 보기 좋게 표시하면 됩니다. 설정을 정상적으로 했다면 좌측메뉴에 대한민국의 휴일 이라는 캘린더가 보입니다. 캘린더명의 우측끝에 더보기 아이콘 을 선택합니다. 색상을 빨간색으로 선택합니다. (보통 공휴일은 빨간색이므로.. ㅎ) 그러면 캘린더에 휴일의 명칭이 빨간색 으로 표시되게 됩니다. 감사합니다.
댓글 쓰기
자세한 내용 보기