반응형 비동기5 [JavaScript 문법] 25일차: async/await async/await란?async와 await는 JavaScript에서 비동기 작업을 보다 간편하고 직관적으로 작성할 수 있도록 도와주는 구문입니다. async 함수는 항상 프로미스를 반환하며, await 키워드는 프로미스가 해결될 때까지 기다립니다.async 함수async 키워드를 함수 앞에 붙이면 해당 함수는 항상 프로미스를 반환합니다. 함수 내부에서 return한 값은 자동으로 Promise.resolve로 감싸집니다.예제async function fetchData() { return 'Fetched Data';}fetchData().then((data) => { console.log(data); // 'Fetched Data'});await 표현식await 키워드는 async 함수 내부에서만 .. 2024. 8. 25. [JavaScript 문법] 24일차: 프로미스 고급 프로미스 체이닝프로미스 체이닝(Promise Chaining)은 여러 프로미스를 순차적으로 실행하는 방법입니다. 각 then 메서드는 항상 새로운 프로미스를 반환하므로, 여러 then 메서드를 연결하여 사용할 수 있습니다. 이를 통해 비동기 작업을 순차적으로 처리할 수 있습니다.예제let promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('1단계 완료'); }, 1000);});promise .then((message) => { console.log(message); // '1단계 완료' (1초 후 출력) return '2단계 완료'; }) .then((message) => { console.lo.. 2024. 8. 24. [JavaScript 심화 시리즈] 6일차: JavaScript의 이벤트 루프와 비동기 처리 이해하기 6. 이벤트 루프와 비동기 처리이벤트 루프란 무엇인가?이벤트 루프(Event Loop)는 JavaScript의 비동기 처리를 가능하게 하는 메커니즘입니다. JavaScript는 싱글 스레드 언어이지만, 이벤트 루프를 통해 비동기 작업을 처리할 수 있습니다.이벤트 루프의 동작 방식이벤트 루프는 콜 스택(Call Stack)과 태스크 큐(Task Queue)를 사용하여 작업을 관리합니다.1. 콜 스택콜 스택은 함수 호출을 관리하는 스택입니다. 함수가 호출되면 스택에 푸시(push)되고, 함수 실행이 완료되면 스택에서 팝(pop)됩니다.2. 태스크 큐태스크 큐는 비동기 작업(예: 타이머, 이벤트 리스너 등)이 완료되었을 때 콜백 함수를 저장하는 큐입니다.3. 이벤트 루프이벤트 루프는 콜 스택이 비어 있는지 확.. 2024. 8. 6. [JavaScript 심화 시리즈] 4일차: JavaScript 비동기 프로그래밍: 콜백, 프로미스, async/await 이해하기 4. 비동기 프로그래밍: 콜백, 프로미스, async/await비동기 프로그래밍이란?비동기 프로그래밍은 작업이 완료될 때까지 기다리지 않고, 다른 작업을 계속해서 수행할 수 있도록 하는 프로그래밍 방식입니다. JavaScript는 싱글 스레드 언어이기 때문에 비동기 프로그래밍을 통해 사용자 경험을 향상시킬 수 있습니다.콜백 함수콜백 함수는 비동기 작업이 완료된 후 호출되는 함수입니다. 이는 비동기 작업을 처리하는 기본적인 방법입니다.1. 콜백 함수 예제function fetchData(callback) { setTimeout(function() { let data = "서버에서 가져온 데이터"; callback(data); }, 1000);}function displayData(data) .. 2024. 8. 4. [Javascript] Javascript 기본 1단계: JavaScript 기초 이해하기1.1 JavaScript 소개JavaScript는 웹 페이지에 동적 기능을 추가하는 데 사용되는 프로그래밍 언어입니다.JavaScript는 HTML과 CSS와 함께 웹 개발의 핵심 요소입니다.1.2 JavaScript 포함 방법인라인 스크립트: HTML 요소에 직접 JavaScript 코드를 작성합니다.내부 스크립트: 2단계: 기본 문법과 자료형2.1 변수와 상수변수 선언: var, let, const상수 선언: const예시:let message = 'Hello, JavaScript!';const pi = 3.14;2.2 자료형기본 자료형: 문자열(String), 숫자(Number), 불리언(Boolean), null, undefined참조 자료형: 객.. 2024. 6. 8. 이전 1 다음 반응형