내가 알아가는 내용을 같이 공유하는 공간

안녕하세요. 저번 포스팅 때 자바스크립트에서 비동기에 대해 알아본 내용을 알아봤었는데요. 오늘은 비동기를 다시 한번 알아보고 동기, async와 await에 대한 특징, 장*단점에 대해 알아볼게요. 1. 동기(Synchronous) 프로그래밍 동기 프로그래밍은 코드가 작성된 수서대로 실행되는 방식을 의미해요. 이 말은 하나의 작업이 완료되어야만 다음 코드가 실행된다는 뜻이에요. 이 방식의 장점은 단순하고 직관적인 것이에요. 코드의 실행 순서를 예측하고 쉽고, 디버깅도 간단해요. 그러나 단점은 시간이 오래 걸리는 작업이 있으면 프로그램 전체가 멈춘 것처럼 보여요. 이 때문에 응답성이 떨어지고, 사용자 경험(UX)이 나빠질 수 있어요.// syncExample.tsfunction syncTask1() ..

안녕하세요. 오늘은 자바스크립트에서 매우 중요한 개념인 비동기(Asynchronous)에 대해 알아볼게요. 자바스크립트 비동기(Asynchronous) 비동기는 작업이 동시에 또는 순서에 상관없이 진행되는 방식을 의미해요. 즉, 하나의 작업이 끝날 때까지 기다리지 않고, 다른 작업을 먼저 실행할 수 있도록 처리 방식이에요. 동기(Synchronous) vs 비동기(Asynchronous) 구분설명실행 방식예제동기(Sync)순서대로 한 줄씩 실행앞의 코드가 끝나야 다음 코드 실행일반적인 함수 실행비동기(Async)기다리지 않고 다음 코드로 넘어감특정 작업 완료 후 “나중에” 실행setTimeout, fetch 등동기 코드 예제console.log('1');console.log('2');consol..