[node.js] GET 요청 처리

코딩애플 강의를 기반하여 공부한 기록입니다.

https://codingapple.com/

코딩애플 온라인 강좌 - 개발자도 단기완성!

 

✅ express 라이브러리 사용법 

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

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

굳이 해석해보자면 첫 두줄은 express 라이브러리 첨부와 사용,

밑에 app.listen()은 원하는 포트에 서버를 오픈하는 문법이다.

 

listen() 함수 안엔 두개의 파라미터가 필요한데,

listen(서버를 오픈할 포트번호, function(){서버 오픈시 실행할 코드})

이렇게 사용하면 된다.

 

위 코드를 작성하고 터미널을 켜서 node server.js를 입력하면 서버가 뜬다.

브라우저에서 localhost:8080 이라고 접속하면 확인 가능

 

✅ PORT란?

컴퓨터는 항상 외부 컴퓨터와 통신할 수 있게 설계되어있다.

랜선을 꽂거나 와이파이를 켜거나 하시면 다른 사람이 여러분 컴퓨터로 접속을 요청할 수도 있다.

컴퓨터는 외부와 통신할 수 있는 구멍이 60000개 정도 있는데 이걸 '포트'라고 부름

평상시엔 막혀있는데, 외부 컴퓨터 접속을 허가하려면 포트를 열어야 한다.

예전엔 "세이클럽 채팅을 하려면 제 컴퓨터 아이피 주소를 치고 6900 포트로 들어오세요~"

이런 식으로 활용했음.

 

이와 비슷하게 우리는 무작위로 하나 고른 8080번째 포트를 사용해서 서버를 띄운 것일 뿐

이제 외부 컴퓨터가 내 컴퓨터 아이피 주소:8080이라고 입력하면 내 컴퓨터로 들어올 수 있는 것

 

✅ callback 함수란?

 

function(){} 이라는 문법은 자바스크립트로 함수를 하나 만들겠습니다~ 라는 뜻

function 함수이름( ){ }

 

 

그런데 위에서 작성한 코드는 이렇게 되어있습니다. 

.listen(서버를 오픈할 포트번호, function(){서버 오픈시 실행할 코드})

여기서 중요한 문법적 개념 중 하나가 바로 function(){} 부분이다.

1. 그런데 위의 예제 코드에선 함수명을 작명하는 부분이 없고 function(){} 이렇게 사용하고 있고

2. listen()이라는 함수 안에 함수를 집어넣는 형태로 사용

이걸 자바스크립트에선 '콜백함수'라고 부른다.

정의는 함수안에 들어가는 함수

 

콜백함수를 쓰는 이유는 자바스크립트에서 뭔가 순차적으로 실행하고 싶을 때 사용

listen() 이라는 함수를 동작시킨 다음에 function(){} 내에 있는 코드를 실행해주세요~ 라는 뜻으로 사용한 것

Node.js 특성상 코드를 연달아서 2개 적는다고 그 코드가 순차적으로 실행된다는 보장이 없기 때문에 

뭔가 순차적으로 실행할 때 '함수안에 함수를 집어넣는 콜백함수'를 꼭 사용합니다.  

 

📌 GET 요청 처리 기계 만들기

서버는 요청을 처리하는 기계이다.

요청을 어떻게 하냐면, 바로 브라우저를 켜서 주소창에 URL을 입력

이 요청은 전문용어로 GET 요청이라고 함. 간단하게 주소창에 URL을 떄려박아서 요청할 수 있는 것

 

우리 서버의 /pet 경로로 접속하면 '펫용품 사세요' 라는 안내메세지를 띄워주는 서버를 만들어보자. 

app.get('/pet', function(요청, 응답) { 
  응답.send('펫용품 사시오')
})

이렇게 server.js 하단에 추가하시면 된다.

브라우저 켜서 localhost:8080/pet 이라고 접속하면 펫용품 사라는 안내문이 뜸

(터미널에서 ctrl + c 누르시고 서버를 끈 다음 node server.js 입력해서 서버를 재시작하셔야합니다)