웹개발왕

[Node.js] express 프레임워크를 이용해 웹 서버 만들기 본문

Javascript/Node.js

[Node.js] express 프레임워크를 이용해 웹 서버 만들기

D.Luffy 2024. 10. 12. 15:09
반응형

 

 

안녕하세요. 오늘은 express를 이용해 웹페이지를 만들어보겠습니다.

 

아직 Node.js를 설치 안하신분들은 이전 포스팅 참고해주세요.

 

 

[Node.js] 윈도우에서 Node.js 설치하기

안녕하세요. 오늘은 윈도우에서 Node.js 설치하는 방법을 알아보겠습니다.우선 Node.js가 무엇인지 알아볼까요?  Node.js  Node.js는 javascript 언어를 브라우저 밖에서 사용 할 수 있는 런타임 환경인

web-developer1.tistory.com

 


 

 

 

express란?

 

출처 : express 공식 홈페이지

 

express는 공식홈페이지에 나와있는거 처럼 Node.js에 웹 애플리케이션 프레임워크입니다.

쉽게 풀어서 말씀드리면 웹 애플리케이션을 만들 수 있는 여러 기능을 지원해주는 구조화된 틀입니다.

저번 포스팅에서 말씀드렸지만 Node.js는 전세계적으로 많이 사용하고있기 때문에 웹페이지를 만들 수 있는 express도 많이 사용하고 있습니다.


 

 

express 설치하기

 

 

우선 웹페이지를 만들 폴더를 생성한 다음 터미널에서 명령어 npm init -y로 pachage.json 파일을 생성합니다.

 

 

그리고 명령어 npm install express로 express를 설치해줍니다.

 

 

설치가 완료되면 package.json 파일에 express 버전이 보입니다.

 

이제 express를 이용해서 웹서버를 만들어볼까요?


 

 

 

express로 웹 서버 만들기

 

 

app.js 파일을 생성해줍니다.

사진에 표시한 아이콘을 누르고 app.js를 입력하면됩니다.

파일이름은 아무거나해도 상관없어요!

 

 

그 다음 해당 소스를 작성해줍니다.

// express 가져오기 (JAVA에서 import와 같은 기능)
const express = require("express");

const app = express();

app.get("/", (req,res) => {
    res.send("Hello Word");
});

// 5000은 포트번호 아무거나해도 상관없음
app.listen(5000,() => {
    console.log("Server Running");
});

 

 

소스를 저장하고 터미널에 명령어 node app.js를 입력합니다.

파일이름을 다르게 했다면 node (파일이름)을 입력합니다.

명령어를 실행하면 Server Running이 출력될것입니다.

 

 

웹브라우저에 127.0.0.1:5000/을 입력하면 Hello Word가 나옵니다!

포트번호를 다르게했다면 파일이름과 마찬가지로 127.0.0.1:(포트번호)/를 입력하면 됩니다.

 

 


 

 

이렇게 express로 웹서버 만드는 방법을 알아보았는데요.

다음엔 더 유익한 내용으로 포스팅하겠습니다.

 

읽어주셔서 감사합니다.

반응형