배열 메서드 - (6가지 요소 조작 메서드)   1. push배열의 맨 뒤에 새로운 요소를 추가하는 메서드let arr1 = [1, 2, 3];arr1.push(4);console.log(arr1); // [1, 2, 3, 4] 만약 이때, 여러개 요소를 추가 하고 싶다면 , 를 사용하면 됨let arr1 = [1, 2, 3];arr1.push(4, 5, 6, 7);console.log(arr1); // [1, 2, 3, 4, 5, 6, 7] 하나 더! push 메서드는 요소들을 추가하고 난 다음에 변환된 배열의 길이를 반환함let arr1 = [1, 2, 3];let arrLength = arr1.push(4, 5, 6, 7);console.log(arr1); // [1, 2, 3, 4, 5, 6, 7..

자바스크립트 이벤트 핸들러, 이벤트 리스너    1. 이벤트(Event)- 이벤트(event)는 무언가 일어났다는 신호입니다. 모든 DOM 노드는 이런 신호를 만들어 냅니다.   (이벤트는 DOM에만 한정되진 않습니다.)- 웹페이지에 있는 기능을 이용하기 위해서 마우스나 키보드를 조작하여 기능을 실행한다.- 바로 이러한 행위들을 이벤트라고 부릅니다. 2. 이벤트 종류1) 마우스 이벤트click – 요소 위에서 마우스 왼쪽 버튼을 눌렀을 때 이벤트 발생 contextmenu – 요소 위에서 마우스 오른쪽 버튼을 눌렀을 때 이벤트 발생mouseover와 mouseout – 마우스 커서를 요소 위로 움직였을 때, 커서가 요소 밖으로 움직였을 때 이벤트 발생mousedown과 mouseup – 요소 위에서 마우..

얕은 복사 Shallow Copy , 깊은 복사 Deep Copy 란?    자바스크립트에서 값은 원시값과 참조값이 있습니다. 원시값- Number- String- Boolean- Null- Undefined 참조값- Object- Symbol 원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다const a = 1;let b = a;b = 2console.log(a); //1console.log(b); //2 하지만 참조값은 변수가 객체의 주소를 가리키는 값이기 때문에 복사된 값(주소)이 같은 값을 가리킨다. const a = {number: 1};let b = a;b.number = 2console.log(a); // {numb..