Node.js POST 방식

1. GET과 POST 방식

GET과 POST는 네트워크의 전송 방식이다. GET은 어떠한 데이터를 전달해주는 방식이라면, POST는 데이터의 값을 변경하는 방식이다.

//post로 호출하면 id와 패스워드가 노출이 안되어 보안적으로도 좋다

form에서 데이터를 보내는 방식으로 post를 사용하기 위해 method="post"를 작성한다.

Form 에서 method="get" 을 method="post" 방식으로 수정하면 된다.

res.send('<form action="/login" method="post">

 

1)

import express from 'express'
import bodyParser from 'body-parser'

const app = express()
app.use(bodyParser.urlencoded({extended:true}))

app.get('/', (req, res) => {
    res.send('<form action="/login" method="post"><p>아이디: <input type="text" name="userid"></p><p>비밀번호 : <input type="password" name="userpassword"></p><p><button type="submit">로그인</button></p><p><a href="http://127.0.0.1:3000/posts?id=1&userid=apple&name=김사과">클릭</a></p></form>')
})



//다음장
app.post('/login', (req, res) => {
    console.log('login 호출(get)')
    console.log(req.body)
    res.status(200).send('로그인 되었습니다.') 

})

app.listen(3000)

 

결과 화면

-->

POST 방식

 

GET 방식

 

2.

 

서버에서 테스트로 돌려볼수 있는 사이트이다. 백엔드 툴이다.

https://www.postman.com/ 여기로 가면 돌려볼수 있다 .

2-1. 사이트 로그인 후 create new collection 을 클릭 후 

1)

 

2) json 형태의 body에 값을 넣어준다. 

import express from 'express'

const app = express()

app.use(express.json())

app.post('/posts', (req, res) => {
    console.log(req.body) 
    res.status(201).send('글을 새로 등록했어요')
})

app.listen(3000)

 

3) 위에 소스처럼 뒤에 /posts를 써주고 send를 누르면 글을 새로 등록했어요 라는 정상 출력이 된다.