Ming's develop story

동기(Synchronous)와 비동기(Asynchronous)의 차이1. 동기(Synchronous)개념: 요청을 보낸 후 응답을 받을 때까지 기다리는 방식특징: 한 작업이 끝나야 다음 작업을 수행할 수 있음장점:코드의 실행 순서가 직관적이며 이해하기 쉬움디버깅이 비교적 쉬움단점:하나의 작업이 오래 걸리면 전체 프로그램이 멈출 수 있음병렬 처리가 어려움✅ 동기 코드 예제 (JavaScript)function taskA() { console.log("작업 A 시작"); for (let i = 0; i 실행 결과작업 A 시작(몇 초 후)작업 A 완료작업 B 실행작업 A가 끝날 때까지 작업 B는 실행되지 않음.2. 비동기(Asynchronous)개념: 요청을 보낸 후 응답을 기다리지 않고 다음 작업을 진행..

Promise란?비동기 연산의 상태를 나타내는 객체이다.비동기 처리가 진행 중이면 pending, 성공하면 fulfilled → then() 블록 실행, 실패하면 rejected → catch() 블록 실행 상태를 가진다.Promise는 비동기 프로그래밍을 then과 catch의 체이닝을 통해 보다 간결하게 표현할 수 있도록 ES6에서 도입되었다.✅ Promise 기본 사용법const fetchData = () => { return new Promise((resolve, reject) => { setTimeout(() => { const success = true; if (success) resolve("데이터 로딩 완료!"); else reject("데이터 로딩 실패!..

DOM (Document Object Model)이란?마크업 언어로 작성된 문서를 프로그래밍 언어(ex. Javascript)가 조작할 수 있도록 하는 인터페이스DOM은 계층적 구조를 가진 노드 트리로 구성된다.DOM의 종류HTML DOM: HTML 문서를 조작하는 APIXML DOM: XML 데이터를 트리 형태로 다룰 수 있는 APISVG DOM: SVG 그래픽을 프로그래밍적으로 변경할 수 있는 APIDOM은 왜 필요한가?동적인 웹 페이지를 구현하려면 프로그래밍 언어가 문서에 접근하고, 제어할 수 있는 수단이 있어야 하지만 마크업 언어에는 element에 접근 가능한 인터페이스가 없기 때문이다.DOM을 통해 어떤 동작을 할 수 있는가?요소 조작: 문서 내에서 요소를 추가(appendChild), 제거(..