JudithHopps JudithHopps

수학에 관련된 기능을 가진 빌트인 객체 👉 MDN 문서 보기 정적 프로터피와 메서드만 제공 Number 타입만 지원 - BigInt 사용 불가 I. 주요 정적 프로퍼티 PI - 원주율 console.log( Math.PI ); E - 자연로그의 밑 console.log( Math.E ); II. 주요 정적 메서드 1. abs - 절대값(0 이상) 반환 console.log( Math.abs(123), Math.abs(-123), ); // 0 반환 console.log( Math.abs(0), Math.abs(''), Math.abs(null), Math.abs([]), ); // NaN 반환 console.log( Math.abs('abc'), Math.abs(undefined), Math.abs({a..

I. 생성자 함수 const numObj1 = new Number(); const numObj2 = new Number(123); const numObj3 = new Number(-123.45); ​ console.log(numObj1, numObj2, numObj3); console.log( numObj1.valueOf(), numObj2.valueOf(), numObj3.valueOf() ); 인자가 없을 시 0 // 특정 숫자값으로 인식되는 것 console.log( new Number('-123.4567'), new Number('Infinity'), new Number(true), new Number(false) ); // NaN console.log( new Number('1/2'), new ..

I. 생성자 함수 const strObj1 = new String(); const strObj2 = new String('Hello World!'); ​ console.log(strObj1); console.log(strObj2); console.log(strObj1.valueOf(), strObj1.toString()); console.log(strObj2.valueOf(), strObj2.toString()); 콘솔에서 펼쳐서 프로퍼티들을 확인해 볼 것 [[PrimitiveValue]] 비교해 볼 것 valueOf 또는 toString 메서드로 문자열 원시값 반환 const fromNum = new String(123); const fromBool = new String(true); const fro..

I. 전역 객체 global object 언제 어디서든 들어마실 수 있는 공기와도 같은... 코드로 선언하거나 하지 않아도 전역 범위에 항상 존재하는 객체 👉 MDN 문서 보기 브라우저의 콘솔에 출력해 볼 것 console.log(this); console.log( this === window, window === self, self === frames ); Node.js에서 문서로 실행해 볼 것 console.log(this); // ⚠️ Node.js로 문서 실행시의 this는 전역 객체를 가리키지 않음 // 이후 모듈 관련 강에서 배울 것 console.log(global); ⭐️ globalThis 통일된 식별자 - 양쪽 모두에서 실행해 볼 것 console.log(globalThis); 💡 전역..

I. 스프레드 spread 1. 기본 문법 const class1 = { x: 1, y: 'A', z: true }; ​ const class2 = { ...class1 }; ​ // 아래의 참조복사 코드와 다름! // const class2 = class1; ​ console.log(class2); 2. 특정 객체의 프로퍼티를 포함하는 다른 객체 생성에 유용 const class1 = { a: 1, b: 'A', c: true }; const class2 = { d: { x: 10, y: 100 }, e: [1, 2, 3] }; const class3 = { ...class1, z: 0 } const class4 = { ...class2, ...class3, ...class2.d } console.lo..

💡 상속 inheritance 서로 다른 클래스나 생성자 함수가 같은 속성들을 공유할 때 이들의 관계를 정의함으로써 코드의 중복을 줄이고 효율을 높임 "B클래스는 A클래스에서 파생된다." - "B는 A의 하위분류" I. 클래스의 상속 문법 class Bird { wings = 2; } class Eagle extends Bird { claws = 2; } class Penguin extends Bird { swim () { console.log('수영중...'); } } class EmperorPenguin extends Penguin { size = 'XXXL'; } const birdy = new Bird(); const eaglee = new Eagle(); const pengu = new Peng..

I. 접근자 프로퍼티 👉 getter MDN 문서 보기 👉 setter MDN 문서 보기 getter, setter 함수라고도 부름 스스로는 값을 갖지 않음 - 다른 프로퍼티의 값을 읽거나 저장할 때 사용 get, set을 앞에 붙임 const person1 = { age: 17, ​ get koreanAge () { return this.age + 1; }, ​ set koreanAge (krAge) { this.age = krAge - 1; } } console.log(person1, person1.koreanAge); person1.koreanAge = 20; ​ console.log(person1, person1.koreanAge); 💡 함수처럼 지정되었지만 프로퍼티처럼 사용! ⭐️ 클래스에서도 ..

I. 클래스 class를 사용하여 인스턴스 만들기 👉 MDN 문서 보기 class YalcoChicken { constructor (name, no) { this.name = name; this.no = no; } introduce () { // 💡 메서드 return `안녕하세요, ${this.no}호 ${this.name}점입니다!`; } } const chain1 = new YalcoChicken('판교', 3); const chain2 = new YalcoChicken('강남', 17); const chain3 = new YalcoChicken('제주', 24); console.log(chain1, chain1.introduce()); console.log(chain2, chain2.introdu..