Express
| 개념
Express란 Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 라이브러리
라이브러리 (library)
: 코드를 쉽게 짜기 위해 빌려쓰는 코드 모음집
| 설치
다양한 언어로 프로그래밍할 수 있는 비주얼 스튜디오(Visual Studio)에서 확인해보자.
- 터미널 열기 (New Terminal)
Terminal -> New Terminal 선택
-
npm init 입력해서 셋팅하기
npm init 이란 package.json 파일을 생성하여 Node 패키지에 관한 정보와 의존 중인 버전에 관한 정보로 node.js에서 사용하는 모듈들을 패키지로 만들기 위해 입력하는 커맨드이다.
entry.point에는 원하는 파일명을 작성한다.
npm (Node Packaged Manager)
- Node.js로 만들어진 모듈을 웹에서 받아서 설치하고 관리해주는 프로그램
- 단 몇 줄의 명령어로 기존에 공개된 모듈들을 설치하고 활용할 수 있다.
node_modules 폴더와 package.json 파일이 생긴 것을 확인할 수 있다.
node_modules
: 라이브러리와 관련된 파일들을 담고있다. (Express도 포함되어 있음)
package.json
: 어떤 라이브러리를 설치했는 지 기록되어 있다.
- npm install express 입력해서 express 설치
| 예시
참고 ) node server 실행
node server.js 참고 ) Visual studio terminal 작성
ctrl + c예시)
GET 요청
- 클라이언트에서 서버로 정보를 요청하기 위해 사용되는 HTTP 메소드
- 요청을 전송할 때 필요한 데이터를 Body에 담지 않고, 쿼리스트링을 통해 전송 (쿼리스트링 : URL의 끝에 ?와 함께 이름과 값으로 쌍을 이루는 요청 파라미터)
- 파라미터에 다 노출되어 보안에 취약
POST 요청
- 클라이언트에서 서버로 데이터베이스에 정보를 저장하거나 업데이트하기 위해 사용되는 메소드
- 전송해야될 데이터를 HTTP 메세지의 Body에 담아서 전송
//server.js
//서버를 띄우기 위한 기본 셋팅(express 라이브러리)
//설치한 라이브러리 참고
const express = require('express');
//express를 이용해서 새로운 객체를 만듦
const app = express();
//listen(서버 띄울 포트번호, 띄운 후 실행할 코드)
//8080 포트로 웹 서버 열어주라는 뜻
app.listen(8080, function(){
console.log('listening on 8080')
});
//.get() 여러개로 경로를 많이 생성 가능
//GET 요청 -> /fruit 으로 방문하면 fruit 관련 안내문 띄어주기
app.get('/fruit', function(req, res){
res.send('과일 페이지');
});
//GET 요청 -> /beauty 으로 방문하면 beauty 관련 안내문 띄어주기
app.get('/beauty', function(req, res){
res.send('화장품 페이지');
});
//GET 요청 -> / 으로 방문하면 index.html 화면 보여줌
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
| 참고
https://www.youtube.com/watch?v=HeOh-go-fYY&list=PLfLgtT94nNq1qmsvIii_CAxFlD7tvB5NE&index=6
