NodeJS로 서버 만들고 실행해보기

서버

뭔가 거창하고 어려울 것 같은데

우린 이미 지난 포스팅에서 준비를 다함

2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치

백엔드 공부를 위한 NodeJS 알아보기 + 설치

여기서 nodejs랑 express 설치했기 때문에

간단하게 서버 만들고 실행해봅시다

 

server.js파일 만들고

// express로 서버 만들기 기본 셋팅
const express = require("express");
const app = express();

// listen(서버 띄울 포트번호, 띄운 후 실행할 코드)
app.listen(8080, function () {
    console.log("서버 실행 중");
});

// get('경로', 함수)
// function(요청, 응답)
app.get("/first", function (req, res) {
    res.send("첫번째 페이지임");
});

app.get("/second", function (req, res) {
    res.send("두번째 페이지임");
});

이 코드 그대로  치면 됨

 

node server.js

그리고 터미널에다가 위 명령어 입력하고 실행하면 서버 실행됨

 

서버 실행 정상적으로 되면

터미널에 '서버 실행 중' 이라는 문자가 뜰거임

 

웹브라우저 켜서 주소창에 localhost:8080 입력하고 엔터쳐보세요

cannot GET / 이라고 뜨는데

뭔가 오류 같아 보이지만 제대로 된거임

 

이제 주소창 8080 뒤에 슬래시(/)랑 first 입력해보세요

굿...잘뜨네요

여러분은 방금 웹서버를 만든겁니다

 

쉽죠?

 

근데 스스로 서버 만들려면 코드가 뭔 의미인지도 알아야함

// express로 서버 만들기 기본 셋팅
const express = require("express");
const app = express();

이건 express로 서버를 만드는 기본 코드임

아묻따 이 코드는 적어놓고 다른거 하면 되는겁니다

 

// listen(서버 띄울 포트번호, 띄운 후 실행할 코드)
app.listen(8080, function () {
    console.log("서버 실행 중");
});

이건 서버 포트 번호랑 서버 띄우고 실행할 코드 입력하는거임

나는 8080이라고 포트번호 적었는데 여러분들은 1234 해도 됨

대신 브라우저에 localhost:1234라고 입력해야겠져?

 

그리고 console.log()는 터미널에 메시지 출력해주는 기능을 함

나는 서버 띄우고 '서버 실행 중'이라는 메시지가 뜨도록 한 것

 

// get('경로', 함수)
// function(요청, 응답)
app.get("/first", function (req, res) {
    res.send("첫번째 페이지임");
});

app.get("/second", function (req, res) {
    res.send("두번째 페이지임");
});

이번엔 라우팅 하는 코드임

라우팅 = 목적지까지 도달할 수 있는 경로를 설정해주는 것

우리가 localhost:8080/first라는 페이지로 도달할 수 있도록 경로를 지정해주는 것이라고 생각하면 됨

res.send() 코드는 해당 경로에서 어떤 메시지를 보여줄지 정하는 역할을 함

 

서버 켠 상태에서 코드 수정하면 실시간 반영이 안됨

서버 끄고 켜야하는데 터미널에서 [control] + [c] 누르면 서버 꺼집니다

그리고 node server.js로 다시 서버 실행하면 됨

 

아맞다, get은 지난 포스팅에 적었지만 서버에 GET 요청이 들어오면 뭘 할지 정하는 코드임

 

쉽다쉬워