리액트 = Component
만드는 방법은 Class, Function으로 만들 수 있다.
주기적으로 업데이트하기 위해서 Class에서 할 수 있는데,
Class에서는 State라는 Object가 있어서 값이 변할 때마다 재 호출이 가능하다.
이 State는 Component 상태 값을 표현해서 생명주기 (Lifecycle Methods)를 관리하는 것이 가능하다.
Function에서는 State 같은 것이 없었다.
그런데 React Hook 이 class에서 lifecycle을 관리하는 것과 똑같은 기능을 지원하는 것이 생겼다. (React ver 16.8)
생긴 이유는 Script를 다루던 개발자들이 Class 이해를 어려워해서 똑같은 기능이 생긴 것이다. (class is difficult...?.. 생각해보면..this.objectname 이렇게 작성하는 것도 좀 귀찮은 거 같기도 하고..)
함수형으로도 지원할 필요가 있었나보다.
결과
둘 다 이해해야 함. 그러나 hook으로 코드를 짤 수 있도록 해야 한다. 앞으로는 hook이 주류가 될 가능성이 크기 때문.
'React & TypeScript > React' 카테고리의 다른 글
[React] 10. React 상태 올리기 (React Lifting State Up) (0) | 2021.01.21 |
---|---|
React Hook 개념 요약 (0) | 2021.01.20 |
React LifeCycle 생명주기 (최대한 쉽게 설명) (0) | 2021.01.15 |
React Component 생성 & 사용하는 방법 (0) | 2021.01.07 |
React 장점 1 (0) | 2021.01.06 |
PureComponent와 Component의 차이 (0) | 2021.01.04 |
State & Props 정의 (0) | 2020.12.21 |
댓글