react1 [REACT] 15. 네트워크 통신 [REACT] 15. 네트워크 통신 Contents 01 동기 vs 비동기 02 async와 await 03 fetch() 함수로데이터 가져오기 01 동기 vs 비동기 ❖ 동기 방식(synchronous) • 요청을 보낸 후 응답을 받아야 다음 동작을 실행할 수 있 는 방식 • 특징 : 설계가 간단하고 직관적 • 요청에 대한 응답을 받을 때까지 대기해야 하는 단점 ❖ 비동기 방식(Asynchronous) • 요청을 보낸 후 응답을 받기 전에 다음 작업을 먼저 실행 하는 방식 • 특징 : 동기 방식보다 복잡함 • 요청에 대한 응답을 받기까지의 대기 시간에 다른 작업을 할 수 있음 👉 자원을 효율적으로 이용할 수 있다. 비동기 : 일해! 나는 다른 일(다른코드 실행중) 하고 있을게! + 기본적으로 fetch.. 2022. 12. 12. 이전 1 다음 728x90 반응형