async 2

동기 실행과 비동기 실행

콜백, 프로미스, async/await 동기 실행 (Synchronous Execution)**과 **비동기 실행 (Asynchronous Execution)**은 프로그램이 작업을 처리하는 방식에 대한 개념으로, 작업이 어떻게 순차적으로 또는 병렬적으로 실행되는지에 대한 차이를 설명합니다. 이 둘은 특히 자바스크립트와 같은 비동기적 특성을 가진 언어에서 중요한 개념입니다.1. 동기 실행 (Synchronous Execution)동기 실행이란 작업들이 순차적으로 실행되는 방식입니다. 즉, 하나의 작업이 완료된 후에야 다음 작업이 실행됩니다. 이때, 각 작업은 차례대로 처리되며, 현재 작업이 끝나지 않으면 다음 작업은 시작되지 않습니다.동기 실행의 특징:순차적: 작업들이 하나씩 처리됩니다.블로킹 (Bloc..

카테고리 없음 2024.11.06

javascript async,defer

head안에 script 를 넣으면 사용자가 html 다운받았을때 브라우저가 분석해서 css와 병합하여 dom 요소로 변환하는데 스크립트 태그가 보이면 html parsing 하는것을 멈추고 main.js 다운받아서 실행하고 다시 parsing한다. 단점은 js 사이즈가 크고 내용이 많으면 느리게 뜬다. (스크립트 다운받고 실행할때까지 스크립트 아래쪽 페이지를 볼수 없음) 스크립트에서는 스크립트 아래에 있는 dom요소에 접근할 수 없다. 스크립트를 head에 포함하는것은 좋지 않다. 그래서 많이 사용하는게 body 맨 끝에 넣는데 console 출력 html 모두 퍼싱후 모든 준비후 스크립트 다운 fetching하고 실행(executing) 단점 사용자가 기본적인 html 빨리 볼수있지만 javascri..

JAVASCRIPT 2023.11.01