더보기 . 🤔 포스팅 계기 addEventListener 이벤트 핸들러를 등록하다보면 내 의도대로 동작하지 않을 때가 종종 발생한다. 대략 막는 방법은 알고 있어서 문제 해결하기에 바빴는데 실제로 Web Event의 특징을 알아보고자 포스팅하게 되었다. 📌 이벤트 등록 이벤트 등록이란 웹에서 사용자의 입력을 받기 위해 필요한 기능이다. 버튼을 클릭하면 console에 click! 문구를 실행시켜주는 addItem 함수가 실행되고 , 인자로 event 넘어온다. addEventListener() 는 동적인 기능을 추가하기 위해 사용하는 기본적인 기능이다. // HTML // add one item var button = document.querySelector('button'); button.addEven..

얕은 복사는 객체의 참조값(주소값)을 복사하고, 깊은 복사는 객체의 실제 값을 복사한다. 먼저, 자바스크립트에는 원시 타입(Primitive Type)과 참조 타입(Reference Type) 두 가지 타입의 자료형이 있다. 원시값 (기본 자료형) Number String Boolean Null Undefined Symnol 변수에 원시값을 저장하면 변수의 메모리 공간에 실제 데이터 값이 저장된다. 또한 원시 타입 자료형은 변수 선언, 초기화, 할당 시 값이 저장된 메모리 영역에 직접적으로 접근한다. 즉 변수에 새 값이 할당될 때 변수에 할당된 메모리 블럭에 저장된 값을 바로 변경한다는 뜻이다. let origin = 100; let copy = origin; console.log(copy); // 10..

더보기 🤔 포스팅 계기 ES6에서 변수 선언 키워드 let, const가 도입되었고 var를 이용한 변수 선언을 권장하지 않고 있다. var가 중복 선언이 가능하다는 이유만 어렴풋이 알알았는데각각 변수 선언 키워드의 특징, 정확한 차이점을 파악하고자 포스팅하게 되었다. 자바스크립트에서의 변수 선언 키워드에는 var, let, const이 있다. 그 중 var를 통한 변수 선언은 지양하고 있는데 그 이유를 알아보자. var, let, const의 차이점을 정리해보면 다음과 같다. 1. 중복 선언과 재할당 2. 호이스팅 3. 스코프 차이점을 설명하기 전 자바스크립트에서의 변수 선언과 변수 할당에 대해 알아보자. 🔍 변수 선언, 초기화, 할당 자바스크립트에서의 변수는 선언 -> 초기화 -> 할당 단계를 거친다..