class란 ? 물건 만드는 설명서
설명서를 가지고서 물건을 찍어내고 그 물건이 가진 기능들을 사용하는 것.
객체에서는 .state 이런식으로
ObjectOrientedProgramming 객체 지향 프로그래밍
component라는 기능을 가진 class 라는 의미를 가짐
react에서 제공해주는 기능 (component로 확장해줘야 사용가능함 - extends)
ex) render - 그림 그리기 함수 , state
아래의 코드를 확인해보면 클래스 컴포넌트에서는 state
를 하나의 state
에 전부 집어 넣어주고 있습니다.
또한 setState
를 따로 작성하지 않고 Component
내에서 바로 사용 할 수 있습니다.
this
는 class
내 모든 것들에 접근하는데 이때, bind(this)
를 통해 클래스 내부의 요소를 명시하지 않으면 최상단(window
)을 this
로 인식하게 된다.%
❗️bind
를 사용하지 않으려면 onClickCounter
함수를 화살표 함수로 선언하면 bind
를 사용하지 않고 사용 가능하다
함수형에서는 동적 스코프,
아래 화살표 함수에서는 동적 스코프가 안된다 - 렉시컬 스코프