728x90
반응형
express 모듈을 이용하여 가볍고 빠른 프레임워크를 만드는 방법입니다.
- 자바스크립트의 프론트엔드 프레임워크 : React.js, Angular.js, Vue.js
- 자바스크립트의 백엔드 프레임워크 : node.js 의 express
express 설치
터미널을 이용하여 아래의 명령어로 express 를 설치합니다.
C:\dev\nodejs>npm install express
설치가 완료되면 nodejs 폴더 안에 node_modules 라는 폴더가 생성이되고 이곳에 express 동작을 위한 모듈들이 자동으로 설치가 됩니다.
express 코드 작성 1
express 사용을 연습하기 위하여 아래와 같이 코드를 작성합니다. 저는 nodejs 폴더 아래 express 폴더를 만들고 express_server.js 라고 파일을 만들어 아래 코드를 작성하였습니다.
const express = require("express");
const app = express();
app.get("/", (req, res) => {
res.send("Hello World!!!!");
});
app.listen(8080, () => console.log("8080포트에서 서버 실행중..."));js를 실행하여 브라우저로 localhost의 8080 포트에 접속을 하면 아래와 같이 표시됩니다.
express 코드 작성 2
웹 페이지를 만드는 방법으로 연습을 해봅니다. 우선 test.html 페이지를 만듭니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>test</title>
</head>
<body>
Node.js Express Server Test html page
</body>
</html>이번에는 아래와 같이 js 파일을 수정합니다.
const express = require("express");
const app = express();
app.set("port", process.env.PORT || 8080);
app.get("/", (req, res) => {
res.sendFile(__dirname + "/test.html");
});
app.listen(app.get("port"), () => {
console.log(app.get("port") + "포트에서 서버 실행중...");
});수정 후 js 파일을 실행고 브라우저로 접속을 하면 아래와 같이 html 페이지를 화면에 표시하는 것을 확인 할 수 있습니다.
728x90
반응형