밀 종합 ٩(`╹ω╹´)و

01. 클래스 생성자는 new와 함께 호출하지 않으면 에러가 발생한다. // class 생성 class ClassName{ constructor(){} } // 생성자 함수 생성 function ConsName(){} // 호출 ClassName(); // VM20:1 Uncaught TypeError: Class constructor ClassName cannot be invoked without 'new' at :1:1 ConsName(); 02. 클래스 메서드는 열거할 수 없다. 클래스의 prototype 프로퍼티에 추가된 메서드 전체의 enumerable 플래그는 false이다. - enumerable플래그는 for...in으로 객체 순환을 할 때, key의 값의 반환 유무를 뜻한다. - for...

문법 class ClassName{ constructor(){ ... } method1(){ ... } method2(){ ... } method3(){ ... } } let test = new ClassName(); - class 선언을 통해서 class를 만든다. - new와 함께 className()을 호출하지 않으면 에러가 발생한다. - class는 함수다. - 객체의 기본 상태를 설정해주는 constructor()는 new에 의해 자동으로 호출되므로, 특별한 절차 없이 객체를 초기화 할 수 있다. - class가 호출되면, 내부에서 정의한 메서드가 들어 있는 객체가 생성된다. - method 사이에 쉼표를 사용하지 않는다. [예시] class User { constructor(name) { th..

# 02:27 좌측 코드 리뷰 시작 # 03:03 생성자 함수가 하는 일 객체를 만든다. 객체의 초기 설정을 한다. # 03:22 class 설명 시작 class는 객체를 만드는 공장이다. class Person{ } let kim = new Person(); # 04:17 생성자 함수는 객체가 만들어지는 깔끔한 객체가 아니라, 그 객체가 기본적으로 가지고 있어야할 기능들을 셋팅해주는 기능도 생성자 함수가 해야하는 일이었다. function Person(){ this.name= name; this.first= first; this.second= second; } # 00:22 class에서 메서드를 만들 때, function을 사용하지 않는다. class Person{ function sum(){} //..

property name(=key) 제약사항 이름의 첫 문자는 숫자로 시작할 수 없다. $와 _를 제외한 특수 문자가 없어야 한다. 이름에 공백이 있을 경우, 따옴표를 사용한다. 예약어를 사용할 수 없다. 문자형이나 심볼형에 속하지 않은 값은 문자열로 자동형 변환한다. let fruits = { apple: 'ok', 1banana: '첫번째 문자에는 숫자가 있으면 안돼요', // -------------------------- 에러 water_melon: 'ok', orange$: 'ok', korean-melon: '특수문자는 _, $ 외에는 쓸 수 없어요.', // --------------------- 에러 sweet grape: '공백이 있을 경우, 따옴표를 사용해야 한다.', // ------..

객체 표기법의 종류 점 표기법 대괄호 표기법 1. 점 표기법 - property name에 공백이 있으면 사용할 수 없다. - property name에 표현식을 사용할 수 없다. [점 표기법 property value 읽는 방법] let fruits = { apple: 'ok', water_melon: 'ok', orange$: 'ok', 'sweet grape': 'ok' }; fruits.apple; // "ok" fruits.water_melon; // "ok" fruits.orange$; // "ok" fruits.sweet grape; // 에러 fruits.'sweet grape'; // 에러 [점 표기법 property 추가, 수정하는 방법] // 추가 fruits.strawberry = ..

프로퍼티 설명 prototype - 모든 함수는 prototype 프로퍼티를 갖는다. - 함수의 prototype은 constructor 프로퍼티 하나만 있는 객체를 가리킨다. - constructor은 함수 자신을 가리킨다. function Rabbit(){ // prototype = {constructor: Rabbit}; } 프로퍼티 설명 [[Prototype]] - 객체는 명세서에서 명명한 [[Prototype]]이라는 숨김 프로퍼티를 갖는다. - 생성자 함수로 만든 객체인 경우, 생성자 함수의 prototype 프로퍼티에 연결된 객체의 값을 [[Prototype]]에 연결한다. let animal = { eats: true }; function Rabbit(name) { this.name = n..

종류 설명 내장 객체 - 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있다. - 이런 객체를 '내장 객체(Built-in Object)라고 한다. *window, Math, Date 등 DOM(문서 객체 모델) 객체를 사용해 웹 문서를 관리하는 방식 BOM(브라우저 객체 모델) 웹 브라우저의 주소 표시줄이나 창 크기 등 웹 브라우저 정보를 객체로 다루는 것 사용자 정의 객체 사용자가 필요할 때마다 자신의 객체를 정의해서 사용할 수 있다. [공부 좌표] 웹 프로그래밍을 위한 자바스크립트 기본편 P156~157

배열 앞에 무언가를 해주는 메서드 명령어 설명 shift 배열 앞 요소를 제거하고, 제거한 요소를 반환한다. unshift 배열 앞에 요소를 추가한다. let fruits = ['사과', '배', '딸기']; fruits.shift(); //'사과' fruits.unshift('사과'); //3 배열 끝에 무언가를 해주는 메서드 명령어 설명 pop 배열 끝 요소를 제거하고, 제거한 요소를 반환한다. push 배열 끝에 요소를 추가한다. let fruits = ['사과', '배', '딸기']; fruits.push('토마토'); //4 fruits.pop(); //'토마토' *push와 pop은 빠르지만 shift와 unshift는 느리다. [공부 좌표] 배열

Node 생성하기 메서드 설명 Document.createElement(tagName) 지정한 tagName의 HTML 요소를 만들어 반환한다. Document.createTextNode(data); - 새 텍스트 노드를 만든다. - 문자열은 이스케이프 처리된다. *생성한 Node를 다른 곳으로 옮길 때, 기존에 있던 Node를 지울 필요가 없다. 모든 Node 삽입 메서드는 자동으로 기존에 있던 Node를 삭제하고, 새로운 곳으로 Node를 옮기기 때문이다. *이스케이브 처리가 된다? 사용한 문자열이 HTML이 아닌 문자열로 처리 돼, 태그처리가 안되는 것 document.body.textContent = 'textContent'; // 문자열 그대로 출력 ---- 이스케이프 처리 됨 document...

var htmlImageElement = new Image(width, height); - Image() 생성자는 새 HTMLImageElement 인스턴스를 만든다. - document.createElement ('img')와 기능적으로 동일하다. - width, height 값은 생략 가능하다. - 값을 하나만 작성하면, width 값이 되고, height 값은 auto가 된다. See the Pen [JS] image() by mill (@millfeel) on CodePen. [공부 좌표] MDN