<aside> 💡 클라이언트의 HTTP 요청에 따라 CRUD API 를 구현하기.
</aside>
이번에는 Client쪽의 HTTP요청에 응답하는 CRUD API를 express를 이용해 구현해보려고 한다.
client쪽에서 axios로 서버에 요청을 보내고, server에서는 express 포맷을 이용해 응답하면 이는 간단할 것이다.
지금까지 배운 바에 의하면, client 쪽은 axios나 fetch를 통해서 서버와 응답을 비동기적으로 주고받을 것이다. 아래는 서버에 요청을 보내는 매우 간단한 요청이다.
...
useEffect( () => {
const getData = async () => {
const data = await axios.get('<http://localhost:4000/users/${userId}>')
return data;
}
getData()
}, [])
...
이제 클라이언트단에서 보낸 요청을 서버에서 받아 그에 맞는 행동(CRUD)을 하고 응답해 줄 필요가 있다. 이때, 서버에서 요청을 받고, 처리하기 위해 express를 활용하게 될 것이다.
express는 node.js의 사실상의 표준프레임워크로 불리고 있다. 서버의 요청을 받고 응답하는 과정에 대한 형식은 아래와 같다.