객체를 만들면 prototype 이라는게 생긴다. 모든 객체는 global Object prototype 을 가진다. prototype 이란? 자바스크립트 객체가 다른 객체로 부터 메서드와 속성을 상속받는 메커니즘이다. ( prototype chain ) prototype 을 사용 함으로서 더 적은 메모리를 사용할 수가 있고 코드를 재사용 할 수 있다. 예시 출처 : mdn javascript 속성상속 // o라는 객체가 있고, 속성 'a' 와 'b'를 갖고 있다고 하자. let f = function () { this.a = 1; this.b = 2; } let o = new f(); // {a: 1, b: 2} // f 함수의 prototype 속성 값들을 추가 하자. f.prototype.b = 3..

객체지향 프로그래밍은 객체들의 모임이다. 객체는 알아보기 쉽고 재사용성이 높다. 특징 1) 자료 추상화 (Abstraction) 불필요한 정보는 숨기고 중요한 정보만을 표현해 프로그램을 간단하게 만든다. 객체 안에 자세한 내용을 몰라도 중요 정보를 이용해 해당 객체 사용 2) 상속 (Inheritance) 새로운 클래스의 자료와 연산을 이용할 수 있게하는 기능 이를 통해 기존의 클래스를 상속받은 하위 클래스를 이용해 프로그램 요구에 맞춰 클래스를 수정하고 클래스간 종속 관계를 형성할 수 있다. 3) 다형성 (Polymorphism) 다양한 형태를 가질 수 있다. 같은 메소드라도 각 인스턴스에 따라 다양한 형태를 가질 수 있다. 오버 라이딩(Overriding) 을 사용하여 자식 클래스의 메서드가 부모 클..

DOM (Document Object Model) DOM (문서 객체 모델) 은 메모리에 웹 페이지 문서구조를 트리구조로 표현해 브라우저가 페이지를 인식하게 해준다. JS 를 이용해 요소들을 제어할 수 있다. 조작 DOM API 를 이용해 조작할 수 있다. 응애 나 애기버튼 /* document는 브라우저에서 제공하는 window 객체의 이다. */ const button = document.querySelector('.button'); button.onclick = function(){ this.style.backgroundColor = 'blue'; } 웹 페이지 빌드 과정 (Critical Rendering Path CRP) 1. 렌더 엔진이 문서를 읽어 파싱, DOM tree 생성 2. DOM C..

window 객체는 브러우저에 의해 자동 생성되고 이 객체는 js 의 객체가 아니다. 브라우저에 대한 정보를 알 수 있고 제어할 수 있다. var 로 변수나 함수를 선언하면 window 객체에 프로퍼티가 된다. alert(), prompt(), confirm() 등은 window 객체이다. window 객체는 너무 많은 친구들이 있기때문에 링크에서 필요에따라 찾아서 쓰는 것을 추천함 링크 : https://developer.mozilla.org/ko/docs/Web/API/Window Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. document 속성이 창에 불러온 DOM 문서를 가리킵니다. developer.mozilla.org

1. for for (let i = 0; i < 10; i++) { if (i === 5) { console.log( "반짝이는 5번 입니다. continue 때문에 더 실행되지 않고 다음 반복으로 넘어갑니다." ); continue; } if (i === 8) { console.log("8 번입니다. break 때문에 반복문을 탈출해 종료됩니다."); break; } console.log(i + "번 입니다."); } /* === 실행 결과 === 0번 입니다. 1번 입니다. 2번 입니다. 3번 입니다. 4번 입니다. 반짝이는 5번 입니다. continue 때문에 더 실행되지 않고 다음 반복으로 넘어갑니다. 6번 입니다. 7번 입니다. 8 번입니다. break 때문에 반복문을 탈출해 종료됩니다. */ ..

기본 : Boolean, String, Number, null, undefined, Symbol - 기본 타입들은 호출스택 메모리 공간 사용 - 고정된 크기의 메모리로 저장, 데이터가 변수에 할당된다. 객체 : Object, Array, function 등등 - 힙 사용 - 데이터 크기가 정해지지 않는채로 호출스택에 저장되고 데이터의 값이 힙에 저장되고 변수에 힙 메모리 주소값이 할당된다. - js 는 느슨한 타입의 동적 언어이다. 특정 타입과 연결되지 않고 모든 타입의 값으로 할당 , 재할당이 가능하다. - 같은 변수가 여러개의 타입을 가질 수 있고 타입을 명시하지 않아도 된다. // 기본 타입 const myname = "muyeon"; console.log(myname); console.log(ty..