express

express란

node.js를 위한 웹 애플리케이션 프레임워크 입니다.
express

express시작하기

• 먼저 express 없이 서버를 띄우기 위한 방법은 app.js 파일을 생성해 준 다음과 같이 작성합니다.
  -> app.js는 원하는 이름으로 바꿔도 됩니다.

const http = require('http')

http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type' : 'text/plain' })
  res.write('hello')
  res.end()
}).listen(3000)

• 터미널을 통해 해당 폴더에 들어가 node app.js를 입력합니다

const http = require('http')은 node.js의 내장된 모듈로 이것을 통해 서버를
만들어 줍니다.
res.writeHead(200, {'Content-Type' : 'text/plain' })
200은 서버에 대한 응답 코드를 의미하며
{'Content-Type' : 'text/plain' }는 문서 타입을 의미합니다.
res.write('hello')는 성공적으로 응답했을 때 화면에 나타날 데이터입니다.
listen(3000)은 해당 포트를 지정할 수 있고 node app.js로 서버를 띄운 후 브라우저에 'http://localhost:3000/'입력하면 다음과 같은 이미지로 보입니다.

express사용하기

node.js가 반드시 설치되어야 하며 npm init을 통해 해당 프로젝트의 package.json 파일이 생성되어야 합니다.

npm install express 로 express를 설치합니다.
다음과 같이 해당 모듈들이 다운로드해집니다.

app.js파일에

const express = require('express');

const app = express();
const port = 3000;

app.get('/', (req,res) => {
    res.send('hello');
}); 

app.listen( port, () => {
    console.log('Express listening on port', port);
});

다음과 같이 작성 후 node app.js로 서버를 띄우면 이전과 같이 브라우저에 나타납니다!

app.get()은 get 요청으로 브라우저에 주소를 입력했을 때 보내는 요청입니다. 응답으로 res.send()를 통해 브라우저에 보내야 할 것들을 작성합니다.

url추가하기

다음과 같이 /express url를 추가하고 화면에 나타날 내용을 추가합니다.

app.get('/express', (req,res) => {
    res.send('express hello');
}); 

해당 url를 치고 들어가면 응답받지 못하는 모습을 보이는데
이것은 띄운 서버를 껐다가 다시 띄워야지 업데이트가 반영됩니다.

nodemon설치하기

서버가 업데이트될 때마다 매번 껐다 켰다 반복하면 웹 개발을 할 때 번거롭습니다. 이를 해결하기 위해 nomemon이라는 모듈을 설치해 줍니다.
nodemon은 서버가 업데이트되면 자동으로 서버를 껐다 재실행하도록 도와줍니다.

npm install -g nodemon

내용을 업데이트한 후, 터미널에 nodemon app.js(파일명) 입력하여 업데이트합니다.

*window일경우,

package.json에서 명령어를 추가합니다.
다시 터미널에서 커스텀한 명령어 npm start를 입력하면 자동으로 업데이트됩니다.