Til3 Axios Axios 개념을 정리하기 전 필요한 개념정리(전에 올린 개념들과 함께 공부하는게 좋음!) Callback function 다른 함수에 인자로 전달된 함수 외부 함수 내에서 호출되어 일종의 루틴 또는 작업을 완료함 동기식 비동기식 모두 사용됨 비동기 작업이 완료된 후 코드 실행을 계속하는 데 사용되는 경우를 비동기 콜백(asynchronous callback)이라고 함 Async callbacks 백그라운드 코드 실행이 끝나면 callback 함수를 호출하여 작업이 완료되었음을 알리거나, 다음 작업을 실행하게 할 수 있음 (ex) click이 되는지 안되는지 기다리다가 클릭이 되었을때 실행시키는 느낌) callback 함수를 다른 함수의 인수로 전달할 때, 함수의 참조를 인수로 전달할 뿐이지 즉시 실행되.. 2022. 5. 3. 비동기식 코드 위 코드를 보면 2줄까진 동기식으로 진행이 되었다가 request.send()쪽에선 비동기식으로 작동된다. 또 그 아래 두 코드는 다시 동기식인걸 알 수 있다. 이러한 비동기식을 사용하는 이유가 무엇인가? 비동기식 코드라면 데이터를 요청하고 응답 받는 동안, 앱 실행을 함께 진행함으로써 더욱 쾌적한 '사용자 경험'을 제공한다. 이에 필요한 개념을 설명해 보자면 Threads 프로그램이 작업을 완료하기 위해 사용할 수 있는 단일 프로세스 각 thread는 한 번에 하나의 작업만 수행할 수 있음 브라우저에선 1탭당 1명의 일꾼이라 생각하면 됨. blocking vs non-blocking ex) # blocking import requests URL = 'https://jsonplaceholder.typic.. 2022. 5. 3. XMLHttpRequest 서버와 상호작용하기 위해 사용되며 전체 페이지의 새로 고침 없이 데이터를 받아올 수 있다. 사용자의 작업을 방해하지 않으면서 페이지 일부를 업데이트 할 수 있음 주로 ajax프로그래밍에 사용 이름과 달리 xml뿐만 아니라 모든 종류의 데이터를 받아올 수 있음 생성자 --> XMLHttpRequest() ex) 2022. 5. 3. 이전 1 다음