[Node.js / MongoDB] GET 요청 처리해보기

💡 실습 포인트!

• express 라이브러리를 설치하고 사용하는 방법을 간단하게 알아보았다.
• node.js 를 미리 설치해주고, 터미널에서 node 라는 명령어를 사용해서 서버를 띄워보았다. ( + nodemon)
• 특정한 경로로 GET 요청하는 방법을 공부했다.

---

💜 express 라이브러리 사용법

• 터미널에서 npm install express 로 express 라이브러리를 설치한 후, express 를 사용할 JavaScript 파일에 아래와 같이 작성하면 서버를 띄울 수 있다.
• 첫 두 줄은 express 라이브러리를 첨부하고 사용하는 문법이고, app.listen() 은 원하는 포트에 서버를 열어주는 문법이다.
• listen() 함수는 파라미터로 서버를 오픈할 포트번호와 함수를 필요로 한다.
• 나의 경우 JavaScript 파일은 server.js 를, 포트번호는 8080 을 사용했다.

 

 

// express 라이브러리 첨부
const express = require('express');

// express 라이브러리 사용
const app = express();

// listen() 함수는 두 개의 파라미터를 필요로 함
// listen(서버를 오픈할 포트번호, function(){서버가 오픈되면 실행할 코드})
app.listen(8080, function(){
    console.log('listening on 8080');
})

• 위와 같이 작성한 상태에서 터미널을 켠 후, node server.js 를 입력하면 서버를 띄울 수 있으며, 서버가 정상적으로 떴다면 브라우저에 localhost:8080 로 접속하면 확인이 가능하다.
• 매번 서버를 끄고 켜기가 귀찮다면 nodemon 을 설치해서 사용해보자.
  • 터미널에 npm install nodemon 을 입력하여 설치한 후, nodemon server.js 와 같이 입력해주면 서버를 띄울 수 있다.
  • 파일을 수정하고 저장할 때마다 자동으로 서버를 다시 띄워주기 때문에 브라우저에서 새로고침만 하면 된다는 장점이 있다.

---

💜 GET 요청 처리해보기

GET 요청은 주소창에 URL 을 입력하는 방식으로 데이터를 요청하는 방식이며, 데이터 조회에 적합하다.

• 첫 셋팅 과정을 마친 후에 정상적으로 서버가 띄워졌다면 브라우저에 위와 같이 "Cannot GET /"이렇게 뜬다.
  (놀랍게도 이게 정상이다. 아직 GET 요청이란 걸 하지 않았으므로!)

---

// 누군가가 / 경로에 접속하면 ( / 하나만 있으면 홈페이지에 해당)
app.get('/', function(req, res){
    // '홈페이지입니다.' 라는 안내문구를 띄워준다.
    res.send('홈페이지입니다.')
})

• 위와 같이 server.js 에 코드를 작성하면, 브라우저로 localhost:8080 에 접속했을 때 아래와 같이 원하는 내용을 확인할 수 있다.

---

• 이번에는 localhost:8080 에 '/pet' 이라는 경로를 추가하여, '펫용품 판매페이지입니다.' 라는 안내문구를 띄워보았다.

// 누군가가 /pet 경로에 접속하면
app.get('/pet', function(req, res){
    // '펫용품 판매페이지입니다.' 라는 안내문구를 띄워준다.
    res.send('펫용품 판매페이지입니다.')
})