728x90 반응형 async3 [TypeScript] 비동기 처리 방식 - Callback Function, Promise, Async, Await, Fetch 🏷️ 요약구분동기(Synchronous)비동기(Asynchronous)특징- 한 번에 하나의 작업을 수행- 한 작업이 실행되는 동안 다른 작업은 멈춘 상태로 유지하고, 자신의 차례를 기다림- 어떠한 요청을 보내면 그 요청이 끝날 때까지 기다리는 것이 아닌, 응답에 관계없이 바로 다음 동작이 실행- 흐름이 멈추지 않아서 동시에 여러 가지 작업을 처리할 수 있음 기다리는 과정에서 다른 함수도 호출 가능 ⏰ 타이머 API특정 시간마다 또는 특정 시간 이후에 콜백 함수를 호출할 수 있는 함수들을 타이머(timer) 함수라고 한다. 이 함수들을 이용해서 시간과 관련된 처리를 할 수 있게 된다.함수 종류특징setInterval(함수, 시간)시간 간격마다 함수 반복 실행setTimeout(함수,.. 2024. 8. 7. [JavaScript] 자바스크립트 async와 await의 개념과 사용법 목차들어가며async & await는 뭔가요?개발자에게 읽기 좋은 코드란?그래서 읽기 좋은 코드와 async & await가 무슨 상관이죠?async & await 맛보기async & await 적용된 코드와 그렇지 않은 코드async & await 기본 문법async & await 간단한 예제async & await 실용 예제async & await 예외 처리마무리글보다 더 쉽게 배우는 온라인 강좌이해가 잘 안되시나요? 방송에서 직접 물어보세요 :)[Javascript] 비동기, Promise, async, await 확실하게 이해하기들어가며안녕하세요. 오랜만에 글을 올립니다. 작년에 Promise 글을 작성할 때까지만 해도 Async 편을 작성하는 데까지 이렇게 오랜 시간이 걸릴 거라고는 생각 못 했.. 2023. 3. 10. [JavaScript] 자바스크립트 비동기 처리 📌 동기 처리동기(Synchronization): 어떤 일이 순차적으로 발생한다.📌 비동기 처리비동기(async): 어떤 일을 병렬적으로 실행한다.📕 배경자바스크립트의 특징 중 하나는 단일 스레드로 동작한다는 것이다.(엥 단일 스레드요? 그게 뭐죠?)쉽게 생각해서 단일 스레드란, 한번에 하나의 일을 처리하는 것. 이라 표현할 수 있다.이러한 특징으로 인해 자바스크립트에서는 한가지 문제가 발생하게 된다.너무 오래 걸리는 작업이 있으면 그 작업을 하느라, 다른 작업들은 그만큼 기다려야 한다는 점이였다. (블록킹)이를 해결하기 위해 나온 개념이 비동기 처리이다.특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 비동기 처리라 부르고, 이를 이용해 코드의 블록킹을 방.. 2023. 3. 10. 이전 1 다음 728x90 반응형
