091924 til axios

오랜 휴가 끝에 돌아온 til 

 

만두를 이렇게 많이 만들 줄 누가 알앗겠어 . 만두 100개 넘게 나옴 

 

당근 라페도 3통이나만들어서 팔이 아픔 

 

axios 

 

웹에서 서버와 데이터를 주고받을 때 사용

 

API에 요청을 보내고, 응답을 받아오는 작업을 쉽게 해줌 

 

우리가 어떤 웹사이트에서 정보를 가져오고 싶을 때,

 

Axios를 사용하면 복잡한 설정 없이 쉽게 데이터를 받아올 수 있다 

 

먼저해야될것 ,

npm Install axios 로 설치  

 

Fetch 를 axios.get 으로변경

 

Axios import 해야됨 

 

Promise 를 반환 해서 await 가 필요 

Res.data

 

400,500 error 가 돌아와도 promise 가 reject 됨  200이 들어와야 fulfilled try,catch 로 감싸준다 

 

공톤된 리퀘스트가 있으면 instance로 보내준다

 

get , post 요청을 할 수 있다 . 

 

promise 로 비동기 처리를 한다 

 

 

예시 

// 데이터 가져오기 (GET 요청)
axios.get('https://api.example.com/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error('Error:', error);
  });

 

성공하면 데이터를 출력하고, 실패하면 에러 메시지를 보여준다 

 

요청이 성공하면 .then() 안에서 처리하고,

 

실패하면 .catch() 안에서 에러를 처리한다 

 

 

많이 쉬었더니 머리가 좀 잘 돌아가는듯 ? 하다 

 

역시 사람은 쉬어야 해 !! 

 

오늘의 til 끝