빠르게 성장하는 개발자

1. Axios?1. Axios 기본구조2. Axios 사용하기 (요청 Config)3. 콜백함수 1. Axios?1. Axios 기본구조Python의 requests처럼, JS에서는 axios를 사용한다.get, post 등 여러 method 사용 가능하다.then을 이용해서 성공하면 수행할 로직을 작성한다.catch를 이용해서 실패하면 수행할 로직을 작성한다.2. Axios 사용하기 (요청 Config)https://axios-http.com/kr/docs/req_config공식문서를 참고하자! 3. 콜백함수다른 함수의 인자로 전달되는 함수💡비동기 콜백함수?시간이 걸리는 비동기 작업이 완료된 후 실행할 작업을 명시하는데 사용되는 콜백함수비동기 처리를 순차적으로 동작할 수 있게 한다! 콜백 지옥!!비동..

1. Single Thread💡Thread?작업을 처리할 때 실제로 작업을 수행하는 주체JavaScript는 Single Thread 언어로, 동시에 여러 작업을 처리할 수 없다. 2. JavaScript RuntimeJavaScript가 비동기 처리를 할 수 있도록 도와주는 환경이 필요하다⇒ Browser, Node.js 에서 처리한다. 3. JavaScript의 비동기 처리브라우저 환경에서 JS의 비동기모든 작업은 Call Stack으로 들어간 후 처리된다.오래 걸리는 작업이 들어오면, Web API로 보내 별도로 처리하도록 한다.Web API에서 처리가 끝난 작업은 곧바로 Call Stack으로 들어가지 못하고, Task Queue에 순서대로 들어간다.Event Loop가 Call Stack이 비어..

1. 동기모든 일을 순서대로 하나씩 처리하는 것⇒ 즉, 이전 작업이 끝나고 다음 작업을 시작하는 것!Python은 모두 동기식이다.만약, Web에서 요청과 응답을 동기식으로 처리한다면?⇒ 응답이 올 때까지 기다려야 한다! 2. 비동기작업 시작 후 결과를 기다리지 않고 다음 작업을 처리하는 것요청을 보내고 응답이 빨리 오는 작업부터 처리예를 들어 홈페이지를 접속할 때에도, 위에서부터 순서대로? (x)⇒ 먼저 처리되는 대로 이미지가 나타난다. 3. 비동기를 사용하는 이유사용자 경험 때문이다!⇒ 아주 큰 데이터를 불러온 뒤에 실행되는 앱이 있을 때,비동기로 처리한다면 처리되는 부분부터 보여줄 수 있기 때문에사용자 경험에 긍정적인 효과를 볼 수 있다. 💡웹기능은 비동기식으로 처리되어있다! Uploaded by ..