Instance (2) 썸네일형 리스트형 [ React ] Element, Component, Instance 개념정리 ( with - React가 DOM Tree를 파악하는 방법 ) 영상을 보고 정리한 글입니다! ( https://www.youtube.com/watch?v=QSJUTS9PScY ) 기존 UI model(OOP)의 문제점 아래 코드를 참고해 설명하자면, button의 속성(isSubmitted, buttonText)에 따라 버튼이 화면에 그려지거나( this.button.render() ) 제거( this.button.destroy() )되는 등의 관리가 필요하다. 각 컴포넌트가 많아지면, 버튼 같은 instance도 많아지고, 이 instance를 조작하는 코드를 일일히 조작해주어야 하는 부분도 많아져 관리할 코드가 늘어나고, 이렇게 되면 부모 컴포넌트와 자식 컴포넌트의 분리가 어려워진다. class Form extends TraditionalObjectOriente.. [JavaScript] 프로토타입 자바스크립트와 프로토타입 자바스크립트는 프로토 타입 기반 언어이다 클래스가 없었기 때문에 객체를 복제하고 참조함으로서 새로운 객체를 생성하는 방식이였는데, ES6에서 클래스가 추가 되었다. 하지만 면접 질문에도 많이 나온다고하고 클래스에서도 프로토타입을 활용 한다고 하니 꼭 알아두어야 할 내용임은 틀림없어보인다. 1 . 생성자 함수를 참조하기 prototype, __proto__ new 연산자를 사용해 생성자 함수를 새로운 변수에 할당할 경우 그로부터 생성된 인스턴스에는 숨겨진 프로퍼티인 __proto__가 자동으로 생성되어 생성자 함수의 porototype에 어떤 메서드나 프로퍼티가 있다면 new로 생성된 인스턴스에서도 마치 자신의 것처럼 접근 할 수 있다 1 __proto__와 __proto__의 생.. 이전 1 다음
