[node.js] node.js 서버 열기

지난 게시물에서 node.js 와 express를 설치했다. 그것을 이용하여 서버를 열어보자!

우선 지난 게시물에서 이름을 먼저 정해놧던 server.js파일을 만든다

 

아래 코드를 입력해준다.

이 코드는 서버를 열 때, 가장 기본이 되는 코드라고 한다.

// server.js

const express = require('express'); // 라이브러리 호출
const app = express(); // 객체에 저장

app.listen(); // .listen  = 서버를 열겠다

 

.listen은 서버를 열겠다는 함수이다. 이제 어디에 열것인가를 정해주어야 한다.

.listen(파라미터1, 파라미터2) 로 전달을 해준다.

*파라미터1 = 서버를 띄울 포트번호

*파라미터2 = 띄운 후 실행할 코드

app.listen(8080, function(){});

6만개 이상의 포트 중 8080번으로 들어온 사람에게 함수를 실행한다는 의미이다. (숫자는 아무 4자리의 숫자를 입력하면 된다)

함수 내에는 console 메세지를 적어주자.

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

 

이제 vscode 내의 terminal을 열어 node server.js 를 입력해보자

콘솔 메세지가 뜬다면 성공이다!

실제 서버가 작동되는지도 확인해보자

브라우저 주소창에 http://localhost:8080/를 입력해보면, 'Cannot GET'이라 적힌 창이 뜰 것이다.

그렇다면 성공이다!

만약 내가 정해놓지 않은 http://localhost:3333/ 과 같은 링크에 접속한다면 전혀 다른 에러창이 뜰 것이다.

 

 

 

 

 

이제 AA로 접속 시 AA를 보여주고, BB로 접속 시 BB를 보여주는 작업을 진행해보자!

그 어떤 홈페이지를 들어가도 서버에서는 GET 요청을 하고 있다. 

/beauty 를 들어오면 뷰티 상품을 보여주고,

/pet 을 들어오면 펫 용품을 보여주는 그런 작업!

 

 

//server.js
//누군가가 /pet 으로 방문을 하면 pet관련 안내문을 보여주자

app.get('/pet', function(요청, 응답){
    응답.send('펫 용품 쇼핑 사이트 입니다.')
})

 

파라미터는 한글로도 가능하지만 보통은 약자로도 많이 표기한다.

*요청 = reqest 약자로 req
*응답 = respons 약자로 res

 

코드를 작성해주면 서버를 껏다가 켜야한다.

Terminal에서 ctrl+c를 누르면 서버가 꺼지고, 다시 node server.js를 입력해준다 (화살표 위 방향키를 누르면 이전 명령어가 뜬다)

그리고 localhost:8080/pet 에 진입해보자!

 서버가 잘 작동되고 있다! 

 

출처 : 코딩애플 유튜브

링크 : https://www.youtube.com/watch?v=HeOh-go-fYY