728x90
오늘은 express 를 사용해 간단한 웹 서버를 만들어 보겠습니다.
express는 웹 어플리케이션, 모바일 어플리케이션을 위한 기능들의 모음을 제공하는 Nodejs 기반 웹 어플리케이션 프레임워크 입니다.
즉, WAS 처럼 인터넷을 통해 사용자와 상호작용하는 프로그램을 개발하는 데 필요한 기능들을 간편하게(http 모듈에 비해 간단한 라우팅 처리, 미들웨어 처리 등) 제공해주는 모듈입니다.
1.프로젝트 생성 및 초기화
mkdir 생성할 폴더명
cd 방금 생성한 폴더명
npm init -y=> 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다.
2.express 설치
npm install express
3.express활용할 js파일, html파일 담아둘 폴더, html파일 생성
mkdir html 파일 담아둘 폴더명
touch html 파일명
touch js 파일명=> 프로젝트 폴더 내에서 js 파일을 생성합니다.
=> html 파일 담아둘 폴더 내에 html 파일을 생성합니다.
저는 위 이미지와 같이 생성하였습니다.
4.express 활용할 js파일 코드 작성
//설치한 express import
const express = require('express');
//경로 쉽게 다루기 용 path 모듈 import
const path = require('path');
//가져온 express 모듈의 express() 함수를 활용해 express 객체 생성
const app = express();
//해당 서버의 루트경로 로 get 요청시 만들어둔 html 파일로 응답 처리 설정
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'html 파일 담아 둔 폴더명(경로적기x)', '만들어둔 html파일명(경로적기x)'));
});
//3000번 포트로 위 설정대로 서버 시작
app.listen(3000, () => {
console.log(`3000번 포트로 서버 시작함`);
});
5.html파일 코드 작성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>예시</title>
</head>
<body>
<h1>예시로 만든 페이지입니다</h1>
<p>Express로 만든 서버에서 응답해주었습니다</p>
</body>
</html>6.서버 실행
node express활용한js파일명
결과(브라우저 화면)
위 이미지와 같이 요청에 성공적으로 응답하여 Express로 만든 서버가 정상적으로 동작하고 있는 것을 확인할 수 있습니다.
'Nodejs' 카테고리의 다른 글
| [Nodejs]path 사용하기 (4) | 2024.09.25 |
|---|---|
| [Nodejs]argon2 사용하기 (0) | 2024.09.19 |
| [Nodejs]ES 모듈 관련 예시 만들기 (0) | 2024.08.26 |
| [Nodejs]babel 활용하기 (0) | 2024.08.20 |
| [Nodejs]mysql2 활용하기 (0) | 2024.08.14 |
