Node.js로 API - GET, POST 정리

우선 GET, POST 개념을 아니

 

1. GET 부터 해보면 

기본적으로 Route를 설정해주자. (node.js 설치, express 설치 필요. 관련내용은 검색 혹은 댓글로 물어봐주세요)

 

 

즉, 좌측에 mainRouter.js에서 경로를 설정해주는데, router.get("/", ~~)를 통해서 경로를 설정해주고, 어떤 html을 render해줄지 정해주면 된다.

 

 

이렇게 해놓고 서버에 들어가면

 

이렇게 잘 나온다.

 

크롬의 json view 확장자를 이용하면 (검색어 : chrome extension json viewer)

더 이쁘게 나타낼 수 있다.

 

 

코드에서,

 

let query = req.query;를 사용하여 console.log(query)를 작성한 뒤

 

localhost:3000?page=3이라고 입력하면

웹에서는 변화가 없지만

 

 

아래에 page:'3' 이라고 정보가 서버로 넘어온 것을 확인할 수 있다.

 

page만 정보를 넘기려면 page=3 이라고 입력하니 당연히 서버에는 3이 입력될거고

 

새로고침 후 서버 확인해보면 

아래에 3만 찍히는거 확인가능하다.

 

페이지 데이터만 받아서, 응답으로 보내주면 끝나는 거임.( 이부분은 좀더 공부해서 수정하겠음)

 

 

2. POST 방식 해보자.

똑같이 mainRouter.js에

 

이번엔 router.post로 작성을 해주고

 

res.send('POST API')라고 했으니 당연히 서버에 저거를 보내줄 것이다.

 

그리고, 웹에서 경로를 치는것, 예를들어 localhost:3000/postapi라고 하는것 자체가 GET을 요청하는 것이므로 POST 방식으로 설정했기 때문에 error가 다음과 같이 발생.

그렇기 때문에 POST방식을 확인하기 위해서 

POSTMAN 이라는 프로그램을 설치한다.

 

아이콘은 이렇게 생겼고,

 

POST로 SEND를 해보면 body에 POST API가 출력 되는것을 확인할 수 있다.

 

여기서 이제 데이터를 실어서 보내려면, body 에 실어서 보낼 수 있다.

 

예를들어, Postman에서 다음과 같이 데이터를 실어 보내면

 

body 안에 정보를 실었기 때문에 다시 mainRouter.js로 돌아와서

 

 

위와 같이 수정해주고

 

다시 Postman에서 Send를 눌려주면

 

이렇게 body에 담긴 정보가 오는 것을 확인할 수 있다.

 

만약 오류나면 app.js에

이 둘을 추가해줘야 한다.