홈페이지에 가서 Node.js를 받아 설치를 한다.
터미널에서 'node -v' 를 입력해서 버전 정보가 나오면 정상 설치가 된거다.
express 설치 (서버 실행을 쉽게 해줌)
sudo npm install -g express : 설치 명령어 실행
node_modules 폴더가 생긴다.
이제 아톰에서 우리가 현재 작업중인 폴더에 가서 'app.js'라는 파일을 만든다.
아톰에서 app.js 에 consol.log("server is runing...") 를 입력 후 저장.
다시 터미널에서
cd 작업중인 폴더 경로 : 저 app.js가 있는 폴더로 이동한다.
node app.js : node를 이용해 app.js를 실행
console.log("server is runing...")
app.js에 입력한 부분
----------------------------------------
터미널에 다음을 입력해 실행
04.09 % node app.js
터미널에 출력되는 결과
server is runing...
console.log("Hello world")
app.js에 입력한 부분
----------------------------------------
터미널에 다음을 입력해 실행
04.09 % node app.js
터미널에 출력되는 결과
Hello world
이제 웹페이지로 원하는걸 보내보자.
app.js 파일에 다음과 같이 적고 저장.
var express = require('express');
var app = express();
var http = require('http');
var server = http.createServer(app).listen(80); // 80포트로 듣고 있겠다.
app.get('/test', function (req, res) { // /test로 request 가 오면 response를 보내겠다.
res.send("Hello world"); // 그 response는 "Hello world" 를 보내겠다.
});
app.get('/test2', function (req, res) { // /test2로 request 가 오면 response를 보내겠다.
res.send("Hello world2"); // 그 response는 "Hello world" 를 보내겠다.
});
app.get('/mypage', function (req, res) { // /mypage로 request 가 오면 response를 보내겠다.
res.sendfile("lecture1.html"); // 그 response는 lecture1.html 파일을 통재로 보내겠다.
});
console.log("server is running...") // 터미널에는 server is running... 을 출력하라.
이제 브라우저에서 localhost/test 로 접속을 하면
Hello world 가 response로 올 것이다.
마찬가지로 localhost/test2 로 접속을 하면
hellow world2 가 response로 올 것이다.
마지막으로 localhost/mypage 로 접속을 하면
html 파일을 전부 response로 받아 지난번 만들었던 페이지 출력한다.
그리고 터미널에는 파일을 보냈다고 출력이 된다.
express deprecated res.sendfile: Use res.sendFile instead app.js:15:5
supervisor 설치 (서버 수정사항을 자동 반영)
그런데 아톰에서 수정할 때마다 터미널을 다시 켜고 실행해줘야하는데 귀찮다.
그래서 자동으로 수정사항을 반영해주는 관리자를 설치할거다.
sudo npm install -g supervisor : 서버 수정시 자동 반영해서 재기동 해주는 관리자를 설치. (-g : 특정 폴더가 아니라 전역으로 설치)
이제 node app.js가 아니라 방금 설치한 supervisor 모듈을 사용할거다.
supervisor app.js : 이제 아톰에서 수정하고 저장하면 서버에 자동 반영되어 웹브라우저에서 새로고침만 하면 된다.
요약 정리
1. brew install node (또는 node.js 홈페이지 방문해 패키지 설치)
node -v, npm -v 해서 설치 확인
2. sudo npm install express -g
3. sudo npm install supervisor -g
4. supervisor app.js 실행
혹시 code: 'MODULE_NOT_FOUND' 가 뜰 경우에는 해당 프로젝트 폴더로 이동한 후 npm link express 를(권한 부족할 경우 sudo를 붙인다.) 입력하면 환경변수에 등록된 express에 잘 연결된다. 이후 다시 supervisor app.js를 하면 된다.
윈도우는
npm init
npm install express --save
를 해야하는 것 같다...
'개발자 > Javascript' 카테고리의 다른 글
Javascript (자바스크립트) for문에 대한 고찰 (0) | 2020.04.23 |
---|---|
Javascript (자바스크립트) for문 별찍기 (0) | 2020.04.23 |
Javascript (자바스크립트) 로그인 페이지 만들기 (0) | 2020.04.23 |
Javascript (자바스크립트)의 이해 - 두 수 받아서 계산하기 (0) | 2020.04.16 |
Web 흐름 (0) | 2020.03.27 |