항해 99 - 2022.02.13.SUN/ 이번주의 나는(Axios)

이번 챕터 일정

• 02/11 (금) 19:00 까지 : S.A. 제출 완료✅
• 02/12 (토) 오전 : S.A. 서면 피드백 확인✅
  • 백엔드 스코프가 너무 좁다고 하심
  • 기능이 좀더 추가 되어야 할듯
• 02/14 (월) 저녁 : 팀별 프로젝트 중간 멘토링
• 02/17 (목) 저녁 : 팀별 프로젝트 회고 멘토링
• 02/18 (금) 09:00 : 클론코딩 주차 발제

정말 쉴 수 있는 마지막 일요일 일거 같아서,,, 그냥 하루 푹 쉬기로 했다. 

 

---

이번 주의 나는?

- 02.04 ~02.10 리액트 심화 주차

지난주에 이어 또 조장이 돼버린 한 주 

그럼에도 정말 좋은 조를 만나서 다행이었던 한 주 

강의에서 정말 너무 많이 말했던 리덕스 흐름에 대해서 

조원분들과 이야기하면서 알게 된 한 주였다. 

 

액션 생성 함수며 미들웨어며 정말 하나도 이해가 안 갔는데

내 손으로 코드를 짜 보고  해 보면서 점점 이해가 되어가는 중 

그래도 아직 한~참 멀어서 너무 슬프다 ,......

 

마지막 추가 기능은 조원 모두가 모여서 같이 해결했는데 

정말 좋은 시간이었다. 

웃긴 건 같은 코드를 짜도 꼭 한 명은 오류가 발생한다는 점 

ㅋㅋㅋㅋㅋㅋ그게 너무 웃기고 재밌는 경험이었다.

 

4명인 조에서 한분이 나가서 조금은 속상하고 헛헛했지만 그래도 잘 끝마쳐 줘서 너무 고맙다 (나도 조원들도)

---

이번 주 WIL의 키워드

1. Axios

• Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다.
• 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다.
  - 저는 AJAX보다 AXIOS를 훨씬 많이 사용합니다.

여러 가지 형태로 사용 가능 

• GET

axios.get(url,[,config])

서버에서 어떤 데이터를 가져와서 보여주는 용도로 , 값이나 상태를 바꿀 순 없다. 

 

import axios from 'axios';

axios.get('https://my-json-server.typicode.com/zofqofhtltm8015/fs/user').then((Response)=>{
    console.log(Response.data);
}).catch((Error)=>{
    console.log(Error);
})

---

• POST

	axios.post("url주소",{
    	data객체
    },[,config])
    

새로운 리소스를 생성할 때 사용한다

 

로그인, 회원가입 등 사용자가 생성한 파일을 서버에다가 업로드할 때 사용 

---

 

• DELETE

	axios.delete(URL,[,config]);

서버에 잇는 데이터베이스의 내용을 삭제하는 것이 목적임으로 두 번째 인자에 아무것도 없음 

 

axios.delete("/thisisExample/list/30").then(function(response){
    console.log(response);
      }).catch(function(ex){
      throw new Error(ex)
}

---

• PUT

axios.put(url[, data[, config]])

서버에 잇는 데이터베이스의 내용을 변경하는 것이 목적