웹개발

node.js+ express로 웹서버 빨리 띄우기

fe_lee 2024. 10. 13. 18:23

 

1. 터미널에서 내가 현재 위치한 폴더가 todoapp 인지 확인한다

2. 그리고 todoapp폴더에 server.js를 만든다

 

3. server.js작성 --> 서버를 띄우기 위한 기본 세팅임

listen(서버띄울 포트번호, 띄운 후 실행할 코드)

 

포트가 머임?

외부와 네트워크 통신을하기위한 구멍

 

아래 코드가 기본 서버 띄우는 세팅이다

//server오픈하는 기본 세팅

const express = require('express'); //설치한 express라이브러리 첨부
const app = express(); //설치한 express 라이브러리로 새로운 객체를 만든다

app.listen(8080, function(){
  console.log('listening on 8080');
}); //8080 port로 웹서버를 열고, 잘 열리면 listening on 8080을 출력해주세요

 

그 후 코드 실행

node server.js

결과가 잘 나오는 것을 확인할 수 있다.

직접 서버로 들어가서 확인해보면

url에다가 경로를 직접--> GET요청을 하는 것

 

4. GET요청을 하도록 코드 작성해보기

//누군가 경로로 방문을하면 --> function을 작동시켜라
app.get('경로', function(요청, 응답){
    응답.send('반갑습니다');
});

 

실제 코드로 작성

서버를 껏다가 다시 키기 --> ctrl c

경로에 진짜 경로 입력, 응답에 get요청에 대답할 부분 작성

app.get('/pet', function(req, res){
    res.send('펫용품 쇼핑할 수 있는 페이지입니다.');
});

다시 서버를 작동시키고, 

npm server.js

 

localhost:8080/pet을 브라우저에 입력하면, res.send부분이 나오는 것을 확인할 수 있다.

 

여태한것

/pet 경로로의 GET요청을 처리하는 서버 제작한것임!!!

 

숙제

 

누군가 /beauty url로 접속하면(GET요청) 안내문을 띄워준다 

"뷰티용품 쇼핑 페이지임"

 

정답

const express = require('express');
const app = express();

app.listen(8080, function(){
    console.log('listening on 8080')
});

app.get('/pet', function(req, res){
    res.send('펫용품 쇼핑할 수 있는 페이지입니다.');
});

app.get('/beauty', function(req,res){
    res.send('뷰티용품 쇼핑 페이지임');
});

 

실행화면

 

 

 

 


https://www.youtube.com/watch?v=HeOh-go-fYY&list=PLfLgtT94nNq1qmsvIii_CAxFlD7tvB5NE&index=6

 

'웹개발' 카테고리의 다른 글

HTML/CSS 디자인하기 - Bootstrap4  (2) 2024.10.14
node.js서버에서 html파일 전송  (0) 2024.10.14
node.js 환경설정  (1) 2024.10.13
node.js 쓰는 이유  (1) 2024.10.13