Week/ WIL keyword : Axios
🌸 What I felt this week
👑 WIL (Weekly I Learned)
-
주특기 프로젝트 진행
https://github.com/Seokjun7074/week5_teamproject
맡은곳 로그인, 회원가입 부분
추가적으로 구현 필요함 -
Axios
axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트 라고 소개하고 있다. 다시 말해 http를 이용해서 서버와 통신하기 위해 사용하는 패키지
들어가기 앞서, 네트워크 탭을 보면,
1. hearder: RequestURL을 통해서 우리가 의도한 URL로 post 요청을 보낸 것을 알 수있다.
status code는 자동 생성이 아니라, 개발자가 노출한 코드가 보여지게 된다.
2. payload
보낸 body를 확인 할 수 있다.
3. response
post 요청에 대한 서버의 응답 값이며, 보통 BE 담당자가 요청한 것을 직접 개발을 해야 생기는 값이다.
- get : 서버의 데이터를 조회 할 때 사용
axios.get(url,config])get 요청 코드를 작성하기 앞서, 방식을 정하는 것은 미리 정해진 명세서 api의 규칙에 따라야 한다.
path variable로 해야할지, query로 보내야할 지는 api를 만든 사람이 하는 대로 해야하기 때문이다.
그리고, filter 기능을 위해서 get 요청을 하고자할 때는 query로 보내라고 명시되어 있다.
- post
axios.post(url[,data[,config]])post는 보통 서버에 데이터를 추가할 때 사용되며, post에 대한로직은 BE개발자가 구현하는 것이기 때문에 추가외에 다른 용도로 사용될 수 있지만, 보통 클라이언트의 데이터를 body형태로 서버에 보내고잘 할 떼 사용된다.
- delete
axios.delete(url[,config])delete는 저장되있는 데이터를 삭제하고 할 때 사용된다.
- patch
axios.patch(url[data[,config]])patch는 보통 데이터를 수정하고자 서버에 요청을 보낼 때 사용하는 메서드 이지만 http 환경에서 서로가 한 약속이자 문맥이기 때문에, 수정을 하고자 반드시 patch, put 을 써야만 하는 것은 아니다. BE에 의해서 POST를 통해서 '수정' 이라는 것을 사용할 수 있기 때문이다.
