일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 이클립스
- 웹페이지
- 개발자
- 문자열 자르기
- 웹개발자
- zxing
- 문자열
- 파이썬
- 웹개발
- 노드
- sts4
- 코딩
- Eclipse
- 스프링부트
- Spring Boot
- node.js
- spring
- 홈페이지 만들기
- QR코드
- Javascript
- 백엔드
- HTML
- 프론트엔드
- 백앤드
- git
- java
- 웹페이지 만들기
- 프롬포트 수정
- Python
- jsp
- Today
- Total
웹개발왕
[Node.js] express 프레임워크를 이용해 웹 서버 만들기 본문
안녕하세요. 오늘은 express를 이용해 웹페이지를 만들어보겠습니다.
아직 Node.js를 설치 안하신분들은 이전 포스팅 참고해주세요.
[Node.js] 윈도우에서 Node.js 설치하기
안녕하세요. 오늘은 윈도우에서 Node.js 설치하는 방법을 알아보겠습니다.우선 Node.js가 무엇인지 알아볼까요? Node.js Node.js는 javascript 언어를 브라우저 밖에서 사용 할 수 있는 런타임 환경인
web-developer1.tistory.com
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로 웹서버 만드는 방법을 알아보았는데요.
다음엔 더 유익한 내용으로 포스팅하겠습니다.
읽어주셔서 감사합니다.

'Javascript > Node.js' 카테고리의 다른 글
[Node.js] 백엔드에서 response 여러번 보내는 방법 (0) | 2024.12.19 |
---|---|
[Node.js] 윈도우에서 Node.js 설치하기 (5) | 2024.10.10 |