White Whale Studio

[Node.js] Start! 본문

IT Engineering/MEAN Stack

[Node.js] Start!

glorymind 2018. 8. 30. 09:38
반응형

위 사이트를 참조했습니다. 


우선 개발 환경 설치는 https://nodejs.org/en/  요기로 들어가셔서 OS에 맞게 설치하시면 됩니다.

개발 환경 구축 방법의 경우 저도 많이 참고하고 있는데, 아래의 사이트에 잘 나와있으니 참고하시기 바랍니다.

https://www.a-mean-blog.com/ko/blog/MEAN-Stack/%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95


개발 툴은 종류가 여러가지 많지만 아톰을 많이 쓰시더군요

https://atom.io/ 

무료이니 해당 사이트에 가셔서 다운로드와 설치를 진행하신 후 사용하시면 됩니다.


설치가 끝났으면 이제 Node.js를 사용해서 웹 브라우저에 Hello World를 (이놈의 Hello World...)를 띄워봅시다.

메모장을 쓰셔도 좋고 아톰을 쓰셔도 좋고(개발의 생산성을 위해서 고급 툴을 쓰시는 것을 권장합니다.)

무튼 다음과 같이 타이핑하고 myfirst.js라고 저장합니다.


1
2
3
4
5
6
7
var http = require('http');
 
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type''text/html'});
    res.end('Hello World!');
}).listen(8080);
 
cs

소스를 대충 보면 createServer를 통해 서버를 만들고 Head를 쓰고 내용으로 Hello World!를 넣어주었네요.
그리고 마지막으로 포트를 8080으로 지정해서 받겠다는 것이구요.
그리고 가장 위에 있는 require() function은 모듈을 포함하기 위해 사용한다고 합니다.
여기서는 'http' 라는 모듈을 포함하기위해서 호출했다고 보면 되겠네요.

저장하고 Command Line을 실행하여 해당 파일이 있는 경로로 가서 위와 같이 타이핑해봅니다.

node myfirst.js

얼라.. 오류가 나네요

문제가 뭔가 보니 8080 포트때문에 발생한 문제네요. 기본포트라서 다른 개발환경에서 쓰고있나봅니다.

그러면 소스상에서 8080포트를 아무데서도 안쓸거같은 포트로 바꿔줍니다. 저는 8989로 바꿨습니다.


1
2
3
4
5
6
7
var http = require('http');
 
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type''text/html'});
    res.end('Hello World!');
}).listen(8989);
 
cs


다시 커맨드 창으로 가서 node myfirst.js를 타이핑해보니 정상적으로 작동하네요.

정상동작하는 경우 그냥 다음 라인 커서로 넘어가서 깜빡거릴 뿐 아무런 응답이 없습니다.

그러면 웹 브라우저를 띄워서 아까 위에서 지정한 포트로 접속해볼까요.

http://127.0.0.1:8989/ 를 웹브라우저에서 입력해봅니다.



오~ 잘 동작하네요. 이걸로 PC가 서버가 된것입니다.

이제 순차적으로 실습을 해보면 되겠네요



반응형

'IT Engineering > MEAN Stack' 카테고리의 다른 글

[Node.js] NPM : Node Package Manager  (0) 2018.08.30
[Node.js] URL Module  (0) 2018.08.30
[Node.js] File System Module  (0) 2018.08.30
[Node.js] 모듈 만들어 보기  (0) 2018.08.30
MEAN Stack 시작  (0) 2018.08.30
Comments