반응형

인스턴스 2

Ref란?

Ref : render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법 제공 - 일반적인 react에서는 부모 컴포넌트가 자식과 상호작용할 수 있는 수단은 props뿐! - 직접적으로 자식을 수정할 경우(react 컴포넌트의 인스턴스* || DOM 엘리먼트) Ref를 사용해야 할 때 포커스, 텍스트 선택영역, 미디어의 재생관리 애니메이션을 직접 실행 시킬 때 서드 파티 DOM 라이브러리를 React와 같이 사용할 때 + 선언적으로 해결되는 문제에서는 ref 사용 지양 Ref 생성 - React.createRef()를 통해 생성 - ref 어트리뷰트를 통해 엘리먼트에 부착 + 최신 버전이 아닌 경우 콜백 ref 사용 Ref 값 유형 1) HTML 엘리먼트에 사용된 경우 : 자신을 전달받..

6. 클래스와 오브젝트의 차이점

Class - property(속성 field), function(행동 method) 포함 - 청사진, template라고 불림 - 데이타가 들어있지 않음 - 한번만 선언함 - ES6에서 추가됨 - 문법상으로만 추가됨(syntactical sugar) Object - 클래스를 이용해 새로운 인스턴스 생성하면 오브젝트가 됨 - 클래스를 이용해 여러개 만들 수 있음 - 메모리에 올라가게 됨 - 데이터 들어가 있음 Class declarations class Person{ //constructor constructor(name, age){ //fields this.name = name; this.age = age; } //method speak() { console.log(`$(this.name) : hell..

반응형