node.js 설치 셋팅, express 라이브러리

자바스크립트는 html을 조작해서 동적인 효과를 얻기위해 사용되는 언어다.
브라우저마다 javascript 해석엔진을 탑재하고있는데, 크롬은 v8을 사용한다.

node.js는 javascript를 브라우저 외에서도 v8엔진을 이용해 실행할 수 있게 도와줌. 그냥 자바스크립트 실행창.

node.js를 사용해 서버를 만들면 Non-blocking I/O의 장점이 있는데, 요청이 차례대로 들어오면 빨리 완료된 것 부터 처리해준다. 그래서 SNS나 채팅서비스 웹서버를 만들 때 강점을 보임.

스타트업이나 프로토타입 만들기에서도 빠르게 시범서비스를 만들고 싶다면 node.js는 좋은 선택이다.

 

 

 

node.js 공식 홈페이지에가서 설치한다. 웬만하면 안전한 왼쪽버전으로

이미 깔려있으면 버전 확인을 위해 powershell이나 cmd 창을 열어 node -v로 버전확인. (10버전 이상 권장함니다.)

 

그 후 vscode 열어서 작업폴더 생성 후 package.json을 만들어주기 위해 터미널 오픈 후

npm init

엔터치다보면 entry point 부분에 server.js < 이런식으로 내가 원하는 파일명을 작성하면 된다.

---

이제 서버를 쉽게 만들기 위한 express 라이브러리를 설치한다.

npm install express

그럼 node_modules 폴더가 생성되며, 여러 라이브러리들을 확인할 수 있다.

 

맥을 사용한다면 설치 과정 중 에러가 날 수 있는데, 구글에 yarn 검색 후 설치 -> 재부팅
그 후 터미널에 yarn add express를 입력해보자.

 

 

그리고 작명했던 server.js 파일 생성 후 서버를 띄우기 위한 기본 셋팅해준다. 서버 오픈 문법ㅋ

const express = require('express');
const app = express();

app.listen(8080, function(){    
	// 8080 포트에서 열어주세요~
    console.log('listening on 8080');
});


// 누군가 /pet으로 방문을 하면, pet 관련 안내문을 띄워주자
app.get('/pet', function(req, res){
    res.send('펫 용품 페이지입니다.');
});

http://localhost:8080/ 로 접속하면 된다. 8080포트에 서버 만들어서 띄우는 과정.

터미널에서 서버를 껐다(ctrl+c) 키고(node server.js)

http://localhost:8080/pet 으로 접속하면 원하는 안내문이 뜬다.

 

 

app.get('/', function(req, res){
    res.sendFile(__dirname + '/index.html');
})

이렇게 res.sendFile()을 통해 html파일도 보내줄 수 있다. 우와!!!

 

---

근데 매번 서버재실행하기 귀찮다?

터미널 열고 npm install -g nodemon 설치하자. (-g 는 global하게 다른 작업폴더에도 설치하는거)

 

실행은 nodemon server.js