Programming Is Hard

1. JavaScript & TypeScript클로저(Closure)에 대해 설명해 주세요클로저는 함수가 생성될 때 외부 스코프의 변수를 기억하는 기능입니다. 즉, 외부 함수의 실행 컨텍스트가 종료되어도 내부 함수가 그 변수를 참조할 수 있게 해줍니다.function outer() { let counter = 0; return function () { counter++; console.log(counter); };}const count = outer(); // outer 실행되어 counter 캡처count(); // 1count(); // 2 이처럼 클로저를 사용하면 counter 변수는 외부 함수가 종료된 후에도 유지됩니다. 이러한 구조는 함수 내부에서 상태를 캡슐화하거나 유지해야 할..

스코프변수와 함수의 접근 가능한 범위전역 스코프에 선언된 변수는 어디서든지 접근할 수 있지만, 지역 스코프에 선언된 변수는 해당 스코프 내에서만 접근 가능함수 내에서 선언된 변수는 해당 함수의 지역 스코프에 속하며, 외부에서는 접근할 수 없음 클로저함수와 그 함수가 선언된 스코프의 조합함수가 다른 함수 내에 중첩되어 있을 때, 내부 함수가 외부 함수의 변수에 접근할 때 클로저가 생성클로저를 통해 외부 함수의 변수가 소멸되더라도 내부 함수에서 해당 변수에 접근할 수 있음클로저를 사용하면 비동기 작업, 콜백 함수 등 다양한 상황에서 활용할 수 있음 이벤트 캡처링이벤트가 상위 요소로 전파되는 단계캡처링 단계에서는 최상위 요소에서 시작하여 이벤트가 발생한 요소까지 이벤트가 전파 이벤트 버블링이벤트가 하위 요소로..

Virtual DOM 실제 DOM을 추상화한 가상의 DOM 트리 실제 DOM은 비용이 많이 들기 때문에 고안된 게 Virtual DOM 실제 DOM의 복사본으로 Javascript 객체이고, React나 Vue에서 이 가상 DOM을 사용해서 UI를 조작하고 업데이트 실제 DOM 조작이 최소화되어 성능을 향상시키고 사용자 경험을 개선 증분 렌더링UI의 변경사항이 발생할 때 전체 UI를 다시 렌더링하는 대신, 이전 상태와의 차이를 계산하여 변경된 부분만을 업데이트하는 기술이전 Virtual DOM과 새로운 Virtual DOM을 비교하여 변경된 부분만을 실제 DOM에 반영UI 업데이트를 최적화 하는데 사용React.js에서 Virtual DOM과 함께 핵심 개념 브라우저 작동 원리예시로 google.com을..