본문 바로가기
반응형

전체 글89

[javascript] 깊은 복사, 얕은 복사에 대해서 ! 1.깊은 복사란?(Deep copy) 모든 계층의 데이터 복사:깊은 복사는 객체의 모든 중첩된 객체와 배열까지 복사하여, 복사된 객체가 원본 객체와 완전히 독립적으로 존재하도록 만듭니다.원본 객체와 복사된 객체가 같은 데이터를 포함하더라도, 중첩된 객체가 서로 다른 메모리 주소를 가지게 됩니다.원본 객체와의 독립성:깊은 복사된 객체를 수정해도 원본 객체에는 아무런 영향이 없습니다. 이는 얕은 복사와의 주요 차이점입니다.중첩된 객체나 배열의 값을 변경해도 원본 데이터에는 영향을 주지 않기 때문에, 독립적인 수정이 가능합니다.중첩된 객체나 배열에 적합:중첩된 구조 (e.g., 객체 안의 객체, 배열 안의 객체 등)를 가진 데이터를 복사해야 할 때 유용합니다.얕은 복사는 첫 번째 레벨의 값만 복사하므로 중첩된.. 2024. 11. 5.
[javascript] 이벤트 캡처링이란? (Event Capturing) 이벤트 캡처링 버블링과는 반대로 최상위 요소에서 시작하여 발생한 요소로 내려가는 과정 addEventListener 함수의 세 번째 인자로 true를 설정함으로써 이벤트 캡처링을 활성화 일반적이지 않으며 특별한 경우에 사용 버튼 let isLoggedIn = false; document.getElementById('parentDiv').addEventListener('click', function(event){ alert('login first'); event.stopPropagation(); },true); document.getElementById('childButton').addEventListener('click', function(){ alert('button Click'); }); //결과 l.. 2024. 4. 5.
[javascript] 자바스크립트가 유동적인 언어인 이유 ? 자바스크립트가 유동적인 언어인 이유? 1) 데이터 타입 자바스크립트는 다양한 데이터타입이 있다. 원시타입 : string, number, Boolean, null, undefined, Symbol 등 객체 타입 : Object,배열, 함수, 정규표현식 등등 2) 데이터 형 변환 자바스크립트는 동적 타입 언어로 데이터 타입이 실행 중에 벼할 수 있음 암시적 형 변환은 예를 들어 숫자와 문자열이 더해지면 number에서 string으로 변환될 수 있다. 명시적 형 변환은 개발자가 의도적으로 데이터 타입을 변환시키는 경우이다. ddd.tostring(), Number(value) 3) 동적 타입 자바스크립트는 타입을 명시적으로 선언하지 않아도 된다. 변수가 선언될 때 타입이 결정되지 않고 런타임에 값에 따라 .. 2024. 4. 4.
[javascript] 이벤트 버블링에 대해서! 이벤트 버블링 정의 : 가장 깊은 요소에서 시작하여 점차 상위요소들로 전파되는 과정 웹 브라우저에서 이벤트를 처리하는 기본 메커니즘 document.getElementById('li').addEventListener("click",function(){ console.log('li'); }) document.getElementById('ul').addEventListener("click",function(){ console.log('ul'); }) document.getElementById('list').addEventListener("click",function(){ console.log('list'); }) li부분을 클릭하면 console에 순차적으로 찍힌다. li ul list 2.이벤트 위임 re.. 2024. 4. 2.