본문 바로가기

JavaScript30

[JavaScript] Array.from()통해 배열 만들기 Array.from()은 문자열등 이터러블한 객체나 유사 배열 새로운 배열로 만들어주는 메서드이다. - 이터러블(iterable)은 Symbol.iterator가 구현된 객체이다. - 유사 배열(array-like)은 인덱스와 length 프로퍼티가 있어 배열처럼 보이는 객체이다. Array.from(인자 1, 인자 2) - 첫 번째 인자는 배열로 만들 이터러블한 객체이다. - 두 번째 객체는 생성한 배열의 모든 원소에 대해 수행할 맵핑 함수이다. 예시 console.log(Array.from("Eddy")); // ['E', 'd', 'd', 'y'] console.log(Array.from({length: 5}, (v, i) => i); // [0, 1, 2, 3, 4] console.log(Arra.. 2023. 11. 8.
[JavaScript] .querySelectorAll() 와 .querySelector() querySelectorAll()은 특정 css 선택자를 가진 모든 요소를 배열로 가져오는 메서드이다. document.querySelectorAll( '.selected' ) .querySelector()는 css 선택자로 요소를 선택하게 해 준다. 단 선택자에 해당하는 첫 번째 요소만 선택한다. document.querySelector( '.selected' ) 출처 : https://www.codingfactory.net/10413 2023. 11. 2.
[JavaScript] parentNode-parentElement 차이, children과 childNodes 차이 https://dev-dain.tistory.com/128 글로 설명 보단 링크 2023. 11. 2.
[JavaScript] Event - 사용자가 버튼을 클릭했을 때 일어나는 사건 같은 것이다. - 이벤트 핸들 : 이벤트가 발생되면 실행되는 함수를 의미한다. (1) 이벤트의 종류 - UI Event : - load : 웹페이지의 로드가 완료되었을 때 - upload : 웹페이지가 언로드 될 때 - error : 요청한 자원이 존재하지 않거나 오류가 났을 때 - resize : 창의 크기를 조절했을 때 - scroll : 웹페이지를 위아래로 스크롤 할 때 - select : 텍스트를 선택했을 떄 - keyboard Event - keydown : 키를 누르고 있을 때 - keyup : 누르고 있던 키를 뗄 때 - keypress : 키를 누르고 뗄 때 - Mouse Event - click : 마우스 버튼을 클릭했을 때 - dbclick.. 2023. 10. 31.