728x90 반응형 IT429 자바스크립트 콜백지옥 해결법, 비동기 통신 https://yozm.wishket.com/magazine/detail/3042 2025. 4. 1. 리액트 컴포넌트가 렌더링되는 것과 useEffect가 실행되는것의 차이 컴포넌트가 렌더링되는 것과 가 실행되는 것은 서로 다른 개념입니다. 두 개념은 독립적이지만, 종종 함께 발생하기 때문에 혼동될 수 있습니다. 하나씩 분리해서 살펴볼게요. 컴포넌트 렌더링: 컴포넌트가 렌더링된다는 것은 React가 해당 컴포넌트의 UI를 다시 계산하고 그 결과를 DOM에 반영하는 과정을 의미합니다. 렌더링은 다음의 상황에서 발생합니다: 1. 초기 렌더링: 컴포넌트가 처음 화면에 나타날 때.2. 상태(state) 또는 속성(props) 변경: 컴포넌트의 상태나 부모로부터 전달된 속성이 변경되었을 때.3. 부모 컴포넌트의 리렌더링: 부모가 리렌더링되면 자식도 리렌더링될 수 있습니다.useEffect 의 실행: useEffect 는 컴포넌트의 렌더링 결과와 관계없이, 특정 의존성 배열에 따라 추.. 2025. 3. 28. 자바스크립트 비동기 프로그래밍 https://yozm.wishket.com/magazine/detail/3034/ 한 번에 이해하는 자바스크립트 비동기 프로그래밍 | 요즘IT자바스크립트를 사용하다 보면 ‘비동기’라는 개념을 자주 접하게 됩니다. 비동기 처리 개념을 쉽게 이해하려면, 동기(Synchronous)와 비동기(Asynchronous)의 차이를 먼저 알아야 합니다. 그리고 자yozm.wishket.com 2025. 3. 27. 자바스크립변수의 호이스팅 let, var, const, TDZ(Temoral Dead Zone) 자바스크립트에서 변수는 var, let, const 모두 호이스팅이 이루어지지만, 호이스팅 방식이 다릅니다. let 의 호이스팅 특징:- let 으로 선언된 변수는 호이스팅이 되지만 초기화되지 않습니다.- 즉, 선언만 끌어올려지고, 실제 값 할당은 선언된 위치에서 이루어집니다.- 초기화 전에 변수에 접근하려고 하면 ReferenceError가 발생합니다.예를 들어: console.log(myVar); // undefined (var은 호이스팅 후 초기화됨)var myVar = 10;console.log(myLet); // ReferenceError: myLet is not definedlet myLet = 10; 호이스팅 동작 설명: 1.var : 선언과 초기화가 함께 이루어지므로, 선언 전에 접근해도 .. 2025. 3. 26. 이전 1 2 3 4 ··· 108 다음 728x90 반응형