dada's

[Node.js] node.js 프로젝트 - To Do App 만들기 2 (서버에 GET요청하기) 본문

Node.js

[Node.js] node.js 프로젝트 - To Do App 만들기 2 (서버에 GET요청하기)

dykang 2022. 6. 17. 20:31
728x90

 

express 라이브러리까지 설치 후 entry point에서 입력한 파일명으로 작업폴더에 파일을 하나 생성한다

나는 server.js로 만들었다

그리고 server.js에 기본 셋팅을 해야한다

 

[기본셋팅]

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

app.listen(4040, function () {
  console.log('lisening on 4040');
});
//서버를 띄우기 위한 기본 셋팅 (express라이브러리)
// .listen(파라미터1, 파라미터2)
// .listen(서버띄울 포트번호, 띄운 후 실행 할 코드)

이 기본 셋팅을 설명하자면 첫 두줄은 express라이브러리를 첨부하고 사용하는거고

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

 

이렇게 코드 작성 후 새터미널을 열어 node server.js를 입력하면 서버가 뜨고

브라우저를 열어서 localhost:4040 이라고 접속하면 확인 할 수 있다

 

셋팅을 완료하고 GET요청을 해보자

보통 네이버만 보더라도 예를 들어 뉴스를 클릭하면 url이 변하면서 뉴스에 관한 내용이 있는 페이지를 보여준다

이런식으로 url에 따라 다른 내용을 요청하는 것이 GET요청이다

 

server.js파일의 하단에 이 코드를 추가해보자

 

[예제]

누군가 '/pet'으로 방문하면 펫관련 안내문을 띄워보고, '/beauty'로 방문하면 뷰티용품 안내문을 띄워보자

//첫번째 파라미터에는 url주소를 넣어주고 콜백함수 안에서 요청 뒤 응답하는 함수를 작성한다
//콜백함수 안의 파라미터 이름은 원하는대로 넣어도된다
//.send()라는것은 페이지에서 보여줄 내용을 입력하면된다

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

app.get('/beauty', function (요청, 응답) {
  응답.send('뷰티용품 쇼핑 페이지입니다💄');
});

 

이렇게 코드 작성 후 'localhost:4040/pet'으로 접속하면 펫용품 안내문이 나오고

'localhost:4040/beauty'로 접속하면 뷰티용품 안내문이 나온다

728x90
Comments