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
원하는 내용 있으면 내용 입력한다.
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()을 쓰면 파일을 전송할 수 있다.
'Node.js > Node.js | Express.js' 카테고리의 다른 글
Nodemon 설치하기 | rs (0) | 2021.09.24 |
---|---|
request, response | GET 요청하기 (0) | 2021.09.24 |
npm 사용하기 (0) | 2021.09.22 |
맥에서 Node.js 시작, 끝내기 | 로컬 파일에 접근하기 (0) | 2021.09.22 |
Node JS란? (0) | 2021.09.22 |
댓글