목록2024/07/28 (4)
연습장
https://www.youtube.com/watch?v=QkCNba92Vqo 요약: 실행 컨텍스트는 코드가 실행되는 환경 자바스크립트에서 코드 처리 과정소스코드 -> 평가(evaluation) -> 실행 컨텍스트 -> 실행(excutation) -> 결과 소스코드:JavaScript 코드 자체를 말합니다. 이 코드는 함수 호출, 변수 할당 등 다양한 작업을 포함할 수 있습니다.평가 (Evaluation):실행 컨텍스트가 생성되기 전에 JavaScript 엔진이 코드를 평가합니다.평가 단계에서는 변수와 함수 선언을 메모리에 등록하고, 스코프 체인을 설정합니다.변수는 초기화되지 않고 단순히 등록되며, 함수는 정의되어 호출 가능한 객체로 만들어집니다.실행 컨텍스트 (Execution Context):..
이벤트 버블링 (Event Bubbling)이벤트 버블링은 이벤트가 발생한 요소에서 시작하여 상위 요소로 이벤트가 전파되는 방식입니다.발생요소 -> 최상위 요소 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Documenttitle>head>body> div id="outer"> div id="middle"> div id="inner">클릭해주세요div> div> div> script> document.getElementById('outer').addEventListener('cli..
프로미스의 완료를 기다리기 위한 문법, 비동기 코드를 동기처럼 작성 할 수 있음. 여러 비동기 작업을 순차적으로 진행할때 사용await 키워드는 async 함수 내에서만 사용할 수 있습니다.await는 Promise 객체 앞에 사용됩니다. 따라서 await를 사용하려면 해당 함수가 async로 선언되어 있어야 합니다.async 함수 안에서는 await를 사용하여 동기 코드처럼 작성할 수 있지만, await는 반드시 async 함수 내에서만 사용할 수 있습니다.await는 비동기 함수의 완료를 기다리는 동안 해당 함수의 실행을 일시 중지하므로, 코드 실행 순서를 제어하기에 유용합니다.await가 던진 에러는 throw의 에러를 처리하는 것 처럼 try-catch를 사용해 처리 할 수 있습니다. asyn..
Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. https://js0616.tistory.com/284 비동기 처리https://www.youtube.com/watch?v=rZrbQv1bMaI 1. 비동기 처리는 왜 필요한가?Javascript는 싱글 스레드 언어 == 두 개 이상의 연산이나 함수를 동시에 실행할 수 없다는 뜻하나의 연산이 실행 중이면, 쓰레드가js0616.tistory.com 배경자바스크립트는 싱글 스레드이므로 시간이 오래걸리는 연산에 대해 비동기처리를 해야하며비동기 함수의 처리 결과를 반환하는 경우, 순서가 보장되지 않기 때문에 그 반환 결과를 가지고 후속 처리를 하기 위해서는 비동기 함수의 콜백 함수..