npm i axios
import axios from 'axios'
를 하고 사용하게 된다.
get 메서드를 사용하는 상황은 크게 두가지 존재한다.
useEffect(()=>{
axios.get("https://jsonplaceholder.typicode.com/users")
.then(response=>{
getUsers(response.data)
})
})
const getData =(async()=>{
try{
const response = await axios.get("https://jsonplaceholder.typicode.com/users")
getUsers(response.data)
}catch{
console.log('오류')
}
})
useEffect(()=>{
getData()
},[])
params 에 필요한 데이터를 함게 보내준다.
axios.get("url",{params:{id:123} })
.then(response=>{ ...})
포스트 메서드에는 일반적으로 데이터를 Message Body에 포함시켜 보낸다.
axios.post("url",{
username:"hi",
password:"123"
})
.then(...)
서버적으로 get→post 과정을 거치기 때문에 post 메서드와 비슷하다.
axios.put("url",{ ...}).then(...)
import axios from 'axios'
axios.post("http://localhost:8080/signup",{
userId:userId,
password:password,
username:username,
email,email
}).then(response=>{
if (response.data.code===0){
setPopup({
open:true,
title:"Confirom",
message:"Join Success",
callback: function(){navigate("/login")}
})
} else{
let message = response.data.message;
if(response.data.code ===10000){
message = "User ID is duplicated. "
}
setPopup({
open: true,
title: "Error",
message: message
})
}
}).catch(error=>console.log(error))