node.js 웹사이트 개발 - 개발환경 세팅

1.Node.Js 설치 와 개발환경 구성

​

node.js 는 javascript 런타임 으로 클라리언트에서만 사용하던 javascript 를 이용하여 브라우저 밖의 서버측에서 실행 할 수 있게 되었습니다.

 

자세한 설명은 위키나 지식백과 참고

https://ko.wikipedia.org/wiki/Node.js

https://terms.naver.com/entry.nhn?docId=3580502&cid=59088&categoryId=59096

 

node.js 를 이용하게 위해서는 가장먼저 node.js 를 설치

https://nodejs.org/ 에서 환경에 맞는 버전으로 설치

node.js

설치가 완료 되었으면 아래와 같이 "node" 를 입력하면설치된 버전이 표시됩니다.

​

node.js 를 개발하기위한 도구(IDE) 를 다운로드 합니다.

visual studio code 를 추천, 다운로드 

https://code.visualstudio.com/Download

Download Visual Studio Code - Mac, Linux, Windows

-- 한글 패치를 해줍니다. 아래와 같이 좌측 메뉴 클릭 후 "korean" 입력하시면 한국어 패치 확장 프로그램을 설치 할수 있습니다.

 

vs code korean

 

 

 

이제 작업준비는 다 되었으니, node.js 코드를 만들어서 실행해 보도록 합니다.

node.js 코드 작성할 프로젝트 폴더를 하나 생성합니다. 예) d:\nodetest

vs code 를 열어서 방금 생성한 프로젝트 폴더를 오픈 합니다.

 

 

vs code 상단 터미널 선탤 하여 터미널에 "npm init" 입력 후 엔터

F:\test\node>npm init

​

npm 은 node에서 사용하는 package 관리 모듈 이라고 해야 하나, 아무튼 npm 을 이용하면 필요한 서비스 모듈을 쉽게 사용이 가능합니다

https://www.npmjs.com/

npm | build amazing things

​

npm init

여러가지 입력 하라고 나오면 무시하고 "enter" 이후 yes 로 "package.json" 이 생성됩니다.

vs code 우측 탐색기 "NODE" 탭에 package.json 이 생성된것이 보입니다.

탐색기 NODE 탭에서 "index.js" 파일을 하나 만들어 주고 아래와 같이 코드를 작성 후

터미널에 node index.js 를 실행하면 running 상태 메시지가 출력됩니다.

const http = require('http'); 
http.createServer((req, res) => { 
     res.writeHead(200, {'Content-Type': 'text/plain'}); 
     res.end('Hello, World!\n'); 
}).listen(8000); 
console.log('Server running at http://localhost:8000/');

node index.js

브라우저를 통해서 접속해 보면 잘 접속 되는것을 확인 할 수 있습니다.

hello world 까지 띄웠으니 이제 node.js 로 개발만 하면 되겠습니다.ㅎㅎ