Express
웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크다.
Node.js와 Express는 무슨 관계?
Node.js는 Chrome의 V8엔진을 이용하여 자바스크립트로 브라우저가 아니라 서버를 구축하고, 서버에서 자바스크립트가 작동되도록 해주는 런타임 환경(플랫폼)이다. 익스프레스는 이런 노드제이에스의 원칙과 방법을 이용하여 웹 애플리케이션을 만들기 위한 프레임워크다.
간단하게 말하면 Express란 Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체라고 보면 된다.
설치하기
터미널에서 node의 패키지 매니저를 통해서 익스프레스를 설치할 것이다.
npm install express --save 를 입력하면 된다.
Node.js 환경에서 Express라는 웹 애플리케이션 프레임워크를 설치하기 위한 명령어다.
익스프레스를 가지고 사용하기 위한 폴더를 만들것이다.
dir로 보면 퍼블릭 폴더가 생성된 것을 알 수 있다.
cd public을 입력해서 public 폴더 들어가기
이 안에서 html파일을 만들어볼거에용
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p> express hello world </p>
</body>
</html>우선 메모장을 열어서 html형식을 간단하게 만든다.
파일은 nodeDev안에 public폴더 안에다가 main.html 파일을 만들어준다. 파일 형식은 모든 파일로.
file에서 new file 생성하고 index_express.js 생성하기
const express = require('express'); // Express라는 웹 프레임워크를 불러오는 코드
const app = express(); // 익스프레스 가동시킬 준비
const port = 3002; // 포트 번호
app.use("/main",express.static(__dirname+"/public")); // 가상경로와 폴더 매칭 메인으로 들어오게 되면 해당되는 기본 위치에서 퍼블릭 폴더에 들어가게 매칭하는것.
app.get("/", (req,res) =>{
res.sendFile(__dirname+"/index.html");
});
app.listen(port,()=>{
console.log("Listen : ${port}");
});그 안에 어쩌구 입력.. 설명필요...
new file로 index.hmtl 만들어주세용 그리고 안에는 main과 똑같이 입력해도 됩니당
이렇게쳐ㅑ보면 어쩌구 뜨는데 브라우저에 localhost:3002입력하면 화면이 나온다.
