request, response | GET 요청하기

우리가 구글에 접속하는 경우

우리 컴퓨터 브라우저가 구글 서버에  데이타 달라고 request를 한다. 

구글 서버는 이 브라우저에 HTML, CSS, JS을 보내며 response를 해준다. 

 

 

요청의 4가지 종류

요청에는 4가지가 있다.

HTTP 요청이라고도 부른다.

1. 읽기: GET요청 (페이지 읽게 해달라고 요청)

2. 쓰기: POST 요청 (포스트, 블로그, 댓글 등 쓰게 해달라고 요청)

3. 수정: PUT 요청 (이미 있는 내용 수정해 달라고 요청)

4. 삭제: DELETE 

 

 

GET 요청보내기 

기본 문법

app.get("/", function(req, res) {

res.send("<h1>Hello world</h1>")});

 

1. get 요청해서 콘솔에 request 내용보기 

1) app.get 매소드 작성

app.get("위치 route", function(request, response){

})   

파라미터1 : route 위치   "/" : 위치는 홈페이지

 

route  영 [ruːt] 루:ㅌ   미 [raʊt] 라우ㅌ

root  [ruːt] 루:ㅌ 

영국에서 root, route 발음 똑같이 함. 

 

파라미터2: 브라우저가 서버에 접속해서 get request하면 뭘 할 지 나타낸다

/  (forward slash) 의미 

forward slash는 홈페이지를 말한다.

google.com/ 로 누르면 메인 홈페이지 나온다. 

google.com/mail로 쓰면 메일 페이지가 나온다.

 

 

2) 콘솔에서 서버 리프레쉬

control + c로 빠져나와서 다시 node server.js를 읽어준다. 

 

3) 주소창 리프레쉬

그리고 주소창을 리프레쉬해주면 에러는 똑같이 나지만

콘솔창에는 많은 request들이 나온 걸 알 수 있다. 

하지만 request 대신 console.log(response)를 넣으면 데이터 보낸 게 없다고 나온다. 

 

 

2. get 요청해서  이번엔 텍스트 받아보기 

 

콘솔에서 노드 나갔다가 다시 들어오기 

 

주소창 리프레쉬

 

3. get 요청해서  HTML 받아보기 

콘솔에서 노드 나갔다 다시 들어오기 

 

 

다른 페이지에도 GET 요청보내기 

메인 페이지 따로 contact 페이지에 GET 요청을 보내보자.

파라미터는 아무 단어나 써도 되지만  request(req), response(res)로 줄여서 많이 쓴다.

get 코드를 작성하고 나서 

콘솔에서 서버 나갔다 다시 들어오고, 주소창 리프레쉬한다.

 

 

이렇게 app.get으로 여러 페이지 추가하면 된다. 

 

 

그리고 매 번 변경 사항이 있을 때마다

콘솔에서 서버를 나왔다 들어왔다가를

계속 반복해줘야하는데 너무 귀찮다. 

이 것은 nodemon을 깔면 해결된다. 

까는 법은 다음 포스트에서 설명하겠다.