node 내부에는 기본적인 프로그램을 할 수 있는 기능들이 있습니다.

최초 설치시 기본적인 모듈들도 같이 설치가 되지만 좀더 풍부한 기능을 사용 하려면

외부에 있는 모듈을 추가로 설치 해야 합니다.


사용되는 모듈이 많아지면 하나씩 수작업으로 관리하기가 어려워집니다.

만약에 버전도 관리를 해야 한다면 상당히 귀찮아 질 수 있는데

node.js에는 이런 걱정을 덜 수 있는 npm(Node Package Manager)이라는 툴이 있습니다.


npmpackage.json라는 파일을 이용하여 프로젝트에 필요한 모듈들을 관리 합니다.

java에서 maven으로 프로젝트를 관리할 때 pom.xml 파일을 작성하는 것과 비슷합니다.


nodejs npm


npm을 사용하는 명령어 몇개를 보면


- 모듈 설치 방법


>npm install [패키지명]

>npm install [패키지명]@[버전]

>npm install [패키지명]@”<2.1”   -- 버전이 2.1 보다 작은 것

 

- 모듈 제거 방법


>npm uninstall [패키지명]

 

- 모듈 업데이트 방법


>npm update [패키지명]


 

이런식으로 작업을 합니다.

만약 프로젝트에 설치할 모듈이 많아지면 수작업으로 하기는 어렵겠죠?

그래서 package.json 이라는 파일을 이용해 관리를 하면 편리 합니다.


{
  "name": "Test",
	"version": "0.0.1",
	"dependencies": {
	   “express” : “4.16.4”
	   “jade” : “*”
	}
}

이렇게 package.json 파일의 dependencies 내부에 필요한 모듈을 작성한 후


>npm install


>npm update


하기만 하면 명시된 모듈들이 모두 인스톨 되거나 업데이트가 됩니다.

 

간단하게 테스트를 해보겠습니다.

물론 위에서 처럼 수작업을 하지는 않고 eclipse에서 작업을 합니다.


파일을 하나 만들고 실행을 해봅니다.




var express = require('express');

 

express 라는 모듈이 최초 node 설치파일에 포함되지 않아 오류가 발생하는군요.

 

npm을 초기화 해보도록 하겠습니다.



프로젝트(Test)에서 마우스 우측 버튼을 클릭 > New > Other…



npm Init



[Next] 버튼을 누릅니다.



[Finish]버튼을 누릅니다.

 

그러면 좌측에 못보던  package.json 이라는 파일이 생겼네요.



프로젝트에 대한 전반적인 환경을 포함하고 있는 파일입니다.


이제 설치할 모듈을 추가할 수 있게 되었습니다.


package.json 파일에 express와 버전을 기입 합니다.


"dependencies": {

    "express": "4.16.3"

}




npm을 이용하여 패키지를 추가해 줍니다.



 

디렉토리에는 어떤 변화가 있을까요?

 

npm Install을 하기 전 모습



npm Install을 실행 후 모습



node_modules 디렉토리가 새로 생성 되었습니다.

 

node_modules 디렉토리 구조를 볼까요?



너무 많아 일부만 담았습니다.

 

node_modules 하위에 무척 많은 디렉토리가 생성이 되었습니다.

 

express 4.x 버전부터 변화가 생겼습니다.

 

4.x 버전 이전의 node_modules 하위 디렉토리 구조는

 



이렇게 몇 개 되지 않았는데 좀더 많은 기능들이 추가 되었습니다.


이제 프로그램을 실행 합니다.



잘 실행이 되고 있군요.


서버가 기동하고 Client의 접속을 기다리고 있습니다.


웹브라우저를 하나 열어 접속을 시도해 봅니다.


http://localhost:8181/



성공입니다.



이것도 동일한 결과죠.


 


몇줄 되지 않지만 웹서버의 역할을 하고 있습니다.

서버는 계속 대기상태에 있습니다.


만일 동일한 포트를 사용하거나 수정을 하고 다시 테스트를 하는 경우에는

기존 웹서버를 내리고(프로세스 종료) 테스트 합니다.



기존 서버가 살아있으면 포트를 사용할 수 없어 오류가 발생 합니다.


- copy coding -


이번에는 개인적으로 사용법이 친숙한 eclipse를 이용해 개발환경을 설치해 보도록 하겠습니다.



- eclipse 설치


node.jseclipse를 설치 하기위해 Eclipse 다운로드에 접속 합니다.


eclipse download


대표적인 프로그램만 리스트 되어있어서 상세 다운로드 페이지로 이동해야 합니다.

이미지 하단 [Download Packages]를 클릭하면 다양한 패키지가 나옵니다.

 

처음부터 https://www.eclipse.org/downloads/packages/ 이걸 사용할걸 그랬군요.



제가 찾는 건 Windows 64bit 인데 각자 운영체제에 맞추어 다운로드 합니다.



이클립스는 설치를 안해도 되는 장점 때문에 다운로드가 완료되면 압축을 풀고

사용하려는 디렉토리로 옮겨 주기만 하면 됩니다.


그리고 작업용 workspace 디렉토리도 하나 생성해 둡니다.




이제는 eclipse를 설치한 디렉토리로 돌아가서 eclipse를 실행합니다.




그리고 작업 디렉토리를 [Browse…] 버튼을 이용하여 위에서 만들어둔 workspace로 변경합니다.

이제 생성되는 모든 파일은 이곳에서 관리를 합니다.



[Launch] 버튼을 눌러 잘 뜨는지 확인합니다.




- node.js plug-in 설치


설정은 대충 되었고 이제 장을 볼 시간입니다. 시장에 가볼까요?


[Help] > [Eclipse MarketPlace…]를 선택해서



Eclipse Marketplace에서 검색 키워드로 node를 입력하고 검색을 합니다.


node를 찾았네요. install을 합니다.



파일들을 잘 다운로드 하고 있네요.



설치할 내용을 선택하고 확인해 달라는군요. 걍 다하라고 합니다.



[Confirm]을 클릭 합니다.




Licenses에 동의하고 [Finish] 버튼을 누르면 설치가 진행 됩니다. 잠시 커피 한잔.



- node.js 설치 확인


설치가 완료되면 eclipse를 재시작 합니다.


File > New > Other…를 열어봅니다.



? node가 보이질 안는군요.

노트북에서는 한번에 되었는데, 데스크 탑에서는 설치가 잘 안되었습니다.

그래서 다시 장에 가서 node를 다시 설치 합니다.


다시 설치를 하니 이번에는 설치 중에 팝업이 두기 나오는데 계속 설치를 진행 합니다.




노트북에서는 처음 설치할 때 위에 나온 팝업 2개가 나왔습니다.


이 팝업이 안나오고 설치가 되면 잘못 설치가 된것입니다.


그냥 한번 더 설치 하세요.



다시 한번


File > New > Other…를 열어봅니다.


eclipse가 재시작 되고 이제야 node가 나타났습니다.



아무래도 컴퓨터 마다 환경을 타는 것 같습니다.



설치도 되었고 프로젝트를 하나 만들어 볼까요?


지겹겠지만 한번더

File > New > Other…


Node를 확장시켜서 Node.js Project를 선택하고 [Next >] 버튼을 선택 합니다.




Project name 은 편하게 작성하시고 나머지는 기본으로 하고 [Finish]를 선택 합니다.

저는 Test  라고 했습니다.



프로젝트가 생성 되었습니다.



이제 프로젝트에 파일을 하나 추가합니다.



파일명을 HelloWorld.js 로 하겠습니다.



파일에 간단한 출력을 작성 합니다.



파일에 console.log("Hello World!"); 입력합니다.



파일이 만들어 졌습니다.


실행을 해볼까요?



HelloWorld.js 파일명에 마우스를 놓고 우클릭 > Run As > Node Application을 클릭 합니다.



짜잔!!



만약 위와 같이 결과를 볼 수 없고 오류가 발생하는 경우가 있습니다.


js 파일을 만들고 위와 같이 실행을 했는데 오류가 발생 한다면?



파일을 못찾는다는 군요. . “node”라는 프로그램을 실행하지 못하겠다.


node.js를 설치하지 않아서 이거나 잘못 설치 된 것 입니다.


node.js 설치하기를 보면서 간단하게 설치 하시고 다시 실행 해보기 바랍니다.


이제 설치가 되었으니 코딩을 시작 하세요.


- copy coding -


1

+ Recent posts