[Node] Express 서버 만들기 - 2 / get 함수

[Node] Express 서버 만들기 - get 함수

내용이 이어지므로 이전 게시글 내용을 이해하고 있어야 합니다.

[Node] Express 서버 만들기 - 1 / express, babel, nodemon

 

이번 게시글에서 알아볼 내용은 get 함수입니다.

http://localhost:3000 에 접속을 하면 아래와 같은 홈페이지가 표시됩니다.

왜 그럴까? 기본적으로 해당 페이지에 접속을 하면 get 함수를 호출하게 됩니다. 그런데 지금 만든 서버 코드를 보면 "/" 주소로 접속했을 때, 특정 action을 취하는 get 함수가 없습니다. 아래와 같이 간단하게 get 함수를 추가해줍니다.

app.get("/", (req, res) => {
    res.send("First server")
})

 

위 함수를 추가한 후 다시 접속하면 아래와 같은 페이지가 보입니다.

 

"/" 주소로 접속했을 때 "First server" 라는 텍스트를 돌려주는 것입니다. res.send에 html 문서를 넣어도 상관 없습니다. 간단하게 아래와 같이 수정해봅니다.

app.get("/", (req, res) => {
    res.send(`<h1>HTML H1</h1>`)
})

위 함수로 변경한 후 다시 접속하면 h1 태그로 잘 표시된 것을 볼 수 있습니다.

그러나 요청할 때 서버에서 해당 요청을 처리하기 위해 필요한 정보를 같이 넘겨줄 때도 있습니다. postman으로 color: "red" 값을 추가하여 요청해보았습니다. (동일 방법으로 주소창에 http://localhost:3000/?color=red 를 입력하여도 똑같습니다.)

위 결과를 보면 req.query에 해당 값이 잘 표시된 것을 볼 수 있습니다. 다음 시간에는 post 함수에 대해 알아보도록 하겠습니다.

참고

(get, post 내용을 잘못 적어서 수정했습니다. 링크 2개 입니다.)

코드는 해당 github에서 다운 받으시면 됩니다.

링크 : (수정 전) 이동하기 

링크 : (수정 후) 이동하기 

마지막

해당 내용은 틀릴 수도 있다는 것을 감안하여 봐주세요. 틀린 내용 및 오탈자 수정 요청 환영입니다.