Class components vs Functional components

내승현·2022년 4월 4일
0
post-thumbnail

Class Components

class란 ? 물건 만드는 설명서

설명서를 가지고서 물건을 찍어내고 그 물건이 가진 기능들을 사용하는 것.
객체에서는 .state 이런식으로

ObjectOrientedProgramming 객체 지향 프로그래밍


component라는 기능을 가진 class 라는 의미를 가짐

react에서 제공해주는 기능 (component로 확장해줘야 사용가능함 - extends)
ex) render - 그림 그리기 함수 , state

This ?

아래의 코드를 확인해보면 클래스 컴포넌트에서는 state를 하나의 state에 전부 집어 넣어주고 있습니다.

또한 setState를 따로 작성하지 않고 Component 내에서 바로 사용 할 수 있습니다.

thisclass 내 모든 것들에 접근하는데 이때, bind(this)를 통해 클래스 내부의 요소를 명시하지 않으면 최상단(window)을 this로 인식하게 된다.%

❗️bind를 사용하지 않으려면 onClickCounter함수를 화살표 함수로 선언하면 bind를 사용하지 않고 사용 가능하다


함수형에서는 동적 스코프,

아래 화살표 함수에서는 동적 스코프가 안된다 - 렉시컬 스코프

profile
아토언니의 프론트엔드 개발자로서의 기록

0개의 댓글