Express.js 프레임워크 시작하기

express 란? 

express는 node의 많은 프레임워크 중 하나이다.

 

 

java script에서  jQuery가 있듯이

node.js에는 express가 있다. 

 

누군가가 써놓은 코드 뭉치들인데

Express는 특히 웹 만들 때

코드들을 organize하고 structure하는데 도움을 준다. 

 

Node가 수동 스크루 드라이버라면 express는 전동 드라이버로

Node보다 간단한 코드로 웹 서버를 만들 수 있다.

 

---

express 라이브러리 설치하기 

익스프레스를 다운 받으려면

npm을 먼저 다운 받고 

그 npm에서 express를 다운 받는다. 

터미널에 npm install express 눌러서 다운받는다. 

 

node-modules

라이브러리에 필요한 자료를 담는 공간 

관련된 라이브러리 담겨있음

---

 

새 Web Development Project 실행 + Express 시작 

 

1. 터미널에서 새 directory(폴더)를 만든다. 

 

 

2. 새로 만든 폴더 안으로 들어가서 

 

 

3. 새 file을 만든다.

 

 

4. npm을 실행 시킨다.

npm init 

원하는 내용 있으면 내용 입력한다.

npm init 과정

 

 

5. 코드에디터에서 파일 열기 

Atom 코드 에디터의 경우 atom . 을 입력하면 atom으로 파일이 뜨는데

vscode . 는 안된다... 그냥 따로 열었다..

터미널

 

 

6. npm으로 express 설치하기 

npm install express

http://expressjs.com/en/starter/installing.html

 

작업할 파일 안에 설치해야한다.

위의 단계를 다 밟고 와야한다.

터미널

Express 다운 받고 나면 package.json의 dependency를 보면 express가 뜬다. 

 

 

 

7. server.js에서 express 요청하기 

 

   1) express 패키지를 불러오기 

const express = require("express");

 

2) express 셋업하기 

const app = express();

  * 혹시 const에 hint 불이 들어오면 //jsHint esversion:6을 써줘서 꺼줄수 있다.

 

express 모듈을 나타내주는 함수이다.

express 모듈을 언급할 때 다른 단어를 사용해도 되지만 보통 app이라는 단어를 사용한다. 

 

 

 

3)  listen()으로 port 연결하기 

 

이제 app을 사용해서 listen이라는 메소드를 부른다. 

서버에 들어오는 HTTP requests를 받는 특정 포트를 적어준다.

 

포트 3000번을 선택했다

app.listen(3000);

포트는 티비 채널, 라디오 tune과 비슷하다.

 

 

콘솔에서 node app.js로 파일을 읽으면

아무 것도 뜨지 않는데 이 건 3000번 포트를 listen()하고 있다는 뜻이다.

 

이 listen 메소드에 콜백 함수를 집어 넣어줘서 포트에 연결이 되면 메세지가 뜨게 하자.

 

app.listen(3000, function() {

console.log("Server started on port 3000");

});

 

그리고 나서 터미널에서 node 파일명을 치면 

server started on port 3000이라는 메세지가 나온다. 

 

---

GET( )

 

주소창에 localhost:3000을 치면

cannot GET이라는 에러가 뜬다. 

이 말은 브라우저가 우리의 서버 3000번 포트에 접근했는데

아무 것도 받아올 게 없다는 의미이다. 

 

 

그래서 다음 장에서는 get하는 방법인 

request와 response에 대해 배울 것이다. 

 

 

---

 

Express APIs  

https://expressjs.com/en/api.html

많은 메소드들을 볼 수 있다.

 

res.sendFile()을 쓰면 파일을 전송할 수 있다.