본문 바로가기
728x90
반응형

프로그래밍 언어/JS34

Javascript) Node List, Arrow function Node List 노드리스트는 배열의 형식을 갖는 참조 문서 노드의 리스트이다 - html 문서 노드를 단순히 참조하여 리스트 형식의 결과를 얻는 것 - 참조 순서를 인덱스로 가지고 있어 배열처럼 접근하여 사용은 가능 Javascript의 배열과 다르다 - 배열 함수 사용 불가능 Array.prototype.slice.call(Node List); // 노드리스트를 배열로 변경 반복분 사용시 for of 형식을 권장 Arrow function 화살 함수는 익명 함수이다 - 익명 함수는 사용후 사라지기 때문에 메모리 관리에 효과적 a => { // 인자가 없을 경우 () 생략 가능) } () => { // 이름 생략 가능 } a = () => { // 이름을 생략하더라도 익명 함수로 작동 } 2021. 4. 13.
Javascript) CSS의 속성 값 가져오기 document.defaultView.getComputedStyle(document.querySelector('선택자')).getPropertyValue('속성'); 2021. 4. 12.
Javascript) forEach() , 익명함수 // forEach -> 배열 반복문 Array.forEach(callback function(Value, Index)){ Value.addEventListener('click', callback); } function callback(Value, Index){ console.log(Value, Index); } // 익명 함수 -> 이름이 없는 함수 (arrow function은 항상 익명함수) // 바로 사용될 경우에 쓴다 Array.forEach(function(x, y){ console.log(x, y); }) Array.forEach(a = (x, y) => { console.log(x, y); }) addEventListener('이벤트', callback함수){ .. 2021. 4. 12.
Javascript) 삼항 연산자, 삼항 연산자 실행문 여러줄 작성 (조건문) ? 조건 만족 시 : 조건 불만족 시; // 여러줄 작성 - 코드 에러는 나지 않지만 제대로 된 실행 보장 안됨 (조건문) ? (조건 만족 시 , 조건 만족시 2) : 조건 불만족 시; 2021. 4. 12.
728x90
반응형

티스토리툴바