비동기
-
[JS] chapter22. 비동기4 - AxioscodeStates front-end/Java Script 2023. 1. 19. 17:51
📌 비동기 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 수행하는 것 js는 싱글 스레드 기반 동작 언어라서 동기적 작동이지만 환경(런타임)에서 비동기 처리를 도와주기 때문에 비동기 처리 또한 가능하다. 💻 Axios fetch API와 비슷한 역할을 하는 라이브러리 Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 Fetch API vs Axios Axios Fetch API 써드파티 라이브러리로 설치가 필요합니다. 빌트인 API라 별도의 설치 필요없습니다. 자동으로 JSON데이터 형식으로 변환됩니다. .json() 메서드를 사용해야 합니다. Axios 사용법 npm install axios // axios 설치 ..
-
[JS] chapter21. 비동기3 - fetch APIcodeStates front-end/Java Script 2023. 1. 19. 17:35
📌 비동기 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 수행하는 것 js는 싱글 스레드 기반 동작 언어라서 동기적 작동이지만 환경(런타임)에서 비동기 처리를 도와주기 때문에 비동기 처리 또한 가능하다. 💻 fetch API 비동기 요청의 가장 대표적인 사례는네트워크 요청이다. 그 중 URL 요청하는 것을 가능하게 해 주는 API가 fetch API이다. fetch API - 특정 URL로부터 정보를 받아오는 역할 예제 코드 let url = "https://koreanjson.com/posts/1"; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((error)..
-
[JS] chapter20. 비동기2 - node.jscodeStates front-end/Java Script 2023. 1. 19. 17:26
📌 비동기 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 수행하는 것 js는 싱글 스레드 기반 동작 언어라서 동기적 작동이지만 환경(런타임)에서 비동기 처리를 도와주기 때문에 비동기 처리 또한 가능하다. 💻 node.js 모듈 브라우저에서 사용할 수 있는 비동기 흐름은 타이머 또는 dom 이벤트 등 다소 한정적이지만, node.js 경우 많은 API가 비동기로 작성되어 있다. node.js 란? 비동기 이벤트 기반 javascript 런타임 node.js 모듈 모듈 - 어떤 기능을 조립할 수 있는 형태 fs 모듈 - pc의 파일을 읽거나 저장하는 등의 일을 도와줌 내장 모듈을 사용하는 방법 - 링크 Node.js v16.14.2 Documentation Index | Nod..
-
[JS] chapter19. 비동기1 - java scriptcodeStates front-end/Java Script 2023. 1. 17. 15:52
📌 비동기 - 동기(synchronous) 동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것 - 비동기(asynchronous) 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 수행하는 것 js는 싱글 스레드 기반 동작 언어라서 동기적 작동이지만 환경(런타임)에서 비동기 처리를 도와주기 때문에 비동기 처리 또한 가능하다. 비동기는 순서대로 작동하지 않는 것을 기억하자! ⏱ 타이머 관련 API 비동기 첫번째 단계 타이머 관련 API setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 매개변수(parameter): 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 (밀리초) return 값: 임의..