코드캠프 4기 - 4일차

React 4강

비동기/동기 통신

서버와 데이터를 주고 받는 방식

---

동기? 비동기?

동기(응답이 모두 끝난 후 요청)

자바스크립트 자체는 동기

대부분 외부 요청 라이브러리 디폴트는 비동기 (기다리지 않고 불러오기)

 

비동기는 오래걸릴때 사용한다

(예 : 이메일 전송하기)

 

 

비동기를 동기로 바꿔주는 연습

 

비동기를 동기로 바꿔주는 명령어

async / await

 

apolllo 가 axios보다 좋은점 : 임시저장이 가능하다

---

const [실행함수] = useMutation()
apollo에서 가져오기
import {useMutation} from '@apollo/client'

 

graphql를 요청할수 있는 기능을 만들어 준다

---

 

오늘의 공부 팁

• apollo사이트 들어가서  docs 보는 연습하기
• 오타는 더블클릭해서 확인하기
• http 상태코드 구글링

공부하면서 느낀점

비동기/동기 개념을 처음 배우는거라 아직 개념이해가 잘가지 않는다. 

실행후 오류잡기가 너무 힘들었다. 길어지는 코드때문에 코드를 새로 타이핑하고 읽는데 훨씬 힘들어졌다.

관련강의를 다시 듣고 복습하고, 코드를 연습해봐야겠다.