본문 바로가기

async

(3)

[JavaScript] HTML에 JS 연결하는 방법 비교 / async VS defer 차이점 🔽 HTML 파싱에 대해서는 아래 포스트를 참고해주세요 🔽[HTTP] 브라우저 렌더링 과정🔗 Browser Rendering(브라우저 렌더링)이란? 사용자의 요청을 서버에 전달하고 그 결과를 화면에 나타내는 과정을 의미한다. 🔗 Parsing(파싱)이란? 브라우저가 코드를 이해하고 사용할 수 있는 devjindev.tistory.com 1. head 안에 불러오는 경우 ⭐☆☆☆ 123456789 ... ... cs JS를 불러오는 동안 HTML 파싱을 멈추고, JS 다 불러오면 나머지 파싱을 진행하기 때문에 사용자에게 페이지가 보여지는 시간이 딜레이된다. 2. body 안(맨 끝)에 불러오는 경우 ⭐⭐☆☆ 123456789 ... ... cs 먼저 HTML을 모두 파싱하여 사용자에게 페이지가 보여진 후,..

[JavaScript] 클로저(Closure)란? 🔗 클로저(Closure)란? 일반적인 함수의 경우 함수 호출에 의해 함수 내부의 실행구문을 모두 실행하게 되면 함수 내부에서 만든 지역 변수가 자동으로 사라지지만, 어떤 경우에는 사라지지 않고 남는 경우가 있는데 이러한 현상을 클로저라고 한다. 클로저는 자바 스크립트에서 중첩 함수와 비동기 방식을 사용하여 가능한데, 호출된 함수 내에서 외부로 이동하는 변수가 있으면 클로저 함수가 동작한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 // 함수 선언 function createCount(){ var count = 0; // 변수 선언 // 3 ★변수가 사라지지 않고 남음 🧟‍♀️★ // 중첩 함수 // 4 다시 살아남 function addCount(){ count++; // 처리 return..

[JavaScript / 비동기 처리] AJAX / Callback, Promise, async, await 📌 동기(Synchronous) 프로그래밍 vs 비동기(Asynchronous) 프로그래밍 동기 프로그래밍은 코드가 반드시 작성된 순서대로 실행되는 방식이다. 비동기 프로그래밍은 코드의 처리가 완료될 때까지 기다리지 않고 다른 코드를 처리하는 방식이다. 🔗 비동기 처리 사례 > AJAX 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다는 장점이 있다. 🔗 비동기 처리 방법 ① > 콜백(Callback) 함수 함수 실행 결과값을 리턴이 아닌 매개변수로 넘어온 함수를 호출하여 넘겨주는 방식이다. 🔗 콜백 함수 사용하는 이유 특정 로직이 끝났을 때 원하는 동작..

이전 1 다음

티스토리툴바