비동기2 Async/Await 📍Async/Await 역할비동기 처리 방식인 콜백 함수와 promise의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성 할 수 있게 도와줌 📍비동기 처리 방식웹페이지를 새로고침하지 않고도 데이터를 불러오는 방식예 ) 댓글 입력시 웹 페이지의 새로고침 없이 댓글 영역만 업데이트되어 적용됨https://joohee0826.tistory.com/26 동기 /비동기(1) 동기 (Sync) 예 ) 폼 제출 폼 제출 시 웹 페이지를 새로고침하고 서버로부터 새로운 웹페이지를 받아서 화면에 표시하게 됨 서버에 한꺼번에 자료를 요청하고 수신이 완료될 때까지 기다림 (2)joohee0826.tistory.com 📍 asnyc/await 사용 방법 async function 함수명() { await 비동기_처리.. 2023. 10. 16. Axios 📍AxiosAxios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리- 요청과 응답을 모두 json 형식으로 반환 ☑️ 비동기( Asynchronous) 비동기는 사전적으로 '동시에 일어나지 않는다'는 의미를 갖고 있습니다.프로그래밍에서 비동기는 작업이 독립적으로 실행되며,작업의 완료 여부를 기다리지 않고 다른 작업을 실행할 수 있는 방식을 의미합니다.즉, 비동기 방식은 작업이 시작되면 해당 작업이 완료될 때까지 기다리지 않고 다음 코드를 실행할 수 있습니다. ☑️fetch와의 차이점 fetch(api url) => response => json axios(api url) => json 단 설치가 필요 📍axios 모듈 설치해당 파일에 들어가서np.. 2023. 10. 12. 이전 1 다음