[아홉번째] Node.js 기본 / 클라이언트와 서버의 의사소통 방식 (GET & POST) I

클라이언트와 서버의 의사소통 방식

크게 두가지

GET vs POST

기본이 get : 주소를 입력해서 어떠한 정보를 get한다.

경우에 따라선 쿼리 스트링으로 정보를 요청하고 가져오기도 한다. 이것 역시 get 방식이다.

서버에 요청하고 가져오는 방식을 말한다.

post 방식은 사용자의 정보를 서버에 전송을 할 때 사용하는 방식.

ex ) 아이디와 패스워드 or 작성한 글.

코드>

doctype html

html

    head

        meta(charset='utf-8')

    body

        form(action='/form_receiver' method='get')

            p

                input(type='text' name = 'title')

            p

                textarea(name = 'description')

            p

                input(type='submit')

form.jade에서

method=get 이면  /form_receiver 로 이동해서 전송된 데이터를 보여준다.

method = post 이면 우리가 볼 수 있는 URL 통해 데이터를 전송하지 않고

우리눈에는 보이지 않는 방식으로 전송한다.

-> URL에 쿼리 스트링이 붙지 않는다. 그래서 웹 페이지에 표시되지 않는다.

Cannot POST 가 화면에 출력

코드>

app.get('/form', function(req,res){

    res.render('form');

});

app.get('/form_receiver', function(req,res){

    var title = req.query.title;

    var description = req.query.description;

    res.send(title+','+description);

});

실행 시켰을 때 입력 창이 뜨고

name : Han

description : Jae Yeop

을 입력하면

http://localhost:3000/form_receiver?title=Han&description=Jae+Yeop

이런 형식으로 url 이 형성된다.

쿼리스트링 두 개가 &로 연결되어 형성 / 띄어쓰기는 +로 연결된 것을 확인할 수 있다.

<복습>

res 메소드

res.send('입력한 값 그대로 출력')

res.render('form') : form.jade 렌더링해서 화면에 출력

생활코딩 감사합니다^^

-..-