정리노트

TestA TestB TestC TestA TestA TestB TestB

Selectors(선택자) 1. $("*"): 모든 요소 This is a heading This is a paragraph. This is another paragraph. Click me to hide paragraphs Click me to hide paragraphs2222 ======================================================================= 2. $(this): 현재 선택된 HTML요소 This is a heading This is a paragraph. This is another paragraph. Click me ===================================================================..

HeaderA HeaderB HeaderC HeaderD ​ HeaderA HeaderB HeaderC HeaderD

실행순서 h1 태그 h2 태그 ======================이벤트 활용 (.onload)======================= h1 태그 h2 태그 Header 1

const _ = require('lodash'); // lodash 라이브러리 호출 let arrayB = [{ name: '고구마', price: 1000 }, { name: '감자', price: 500 }, { name: '바나나', price: 400 }]; sortedB = _.sortBy(arrayB, (a) => a.price); console.log("가격 오름차순", sortedB); console.log("원본 데이터", arrayB); // 원본 데이터가 손상(변형)되지 않는다. // 이름을 기준으로 오름차순 정렬하시오. sortedN = _.sortBy(arrayB, (a) => a.name); console.log("이름 오름차순", sortedN);

sort() 메소드는 단순한 배열일 때는 그냥 사용하지만 객체 내부에 있는 특정한 값으로 정렬하고 싶을 때는 매개 변수에 함수를 넣고 대소비교 후 리턴 sort() -> 파괴적 메소드 let arrayB = [{ name: '고구마', price: 1000 }, { name: '감자', price: 500 }, { name: '바나나', price: 400 }]; // 명시적 함수선언 // price 로 정렬 arrayB.sort(function(a, b) { return a.price - b.price; }); console.log(arrayB); // 묵시적 함수선언 arrayB.sort((a, b) => { return a.price - b.price; }); console.log(arrayB); ..

// 클래스를 정의 class Product { // 생성자 정의 ★ 생성자란? new 명령어를 통해 객체 생성시 자동으로 실행되는 메소드 constructor(name = undefined, price = 0) { this.name = name; this.price = price; } // 클래스 내부 메소드 정의 print() { console.log(`${this.name}의 가격은 ${this.price}원 입니다.`) } } // 클래스를 이용하여 객체 생성 let p = new Product("아보카도", 2000); // 생성된 객체를 통하여 속성에 접근하고, 메소드를 실행시킨다. p.print(); console.log(p.name); console.log(p.price); let prod..