영원히 흘러가는 강

react hook 본문

리액트

react hook

double_R_one_G 2021. 2. 18. 22:03
728x90

ko.reactjs.org/docs/hooks-overview.html

 

 

Hook 개요 – React

A JavaScript library for building user interfaces

ko.reactjs.org

 

"Hook이 React 버전 16.8에 새로 추가되었습니다.

 

Hook을 이용하여 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다."

 

클래스를 사용하여 컴포넌트를 만들곤했었는데 클래스도 계속 지원할 예정이며 hook도 나란히 지원할 예정이라 한다.

 

react hook의 등장으로 초보자인 나의 입장으로는 매우 쉬워진것 같다...

 

setState와 props의.. 어려운 구조...

 


각설하고 react hook을 보자면

 

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을

 

“연동(hook into)“할 수 있게 해주는 함수입니다.

 

Hook은 class 안에서는 동작하지 않습니다.

 

대신 class 없이 React를 사용할 수 있게 해주는 것입니다. "  라고 설명되어있다

 

 

초보인 내가 보기엔 class에 비해 매우 간결해 보이며 쉬운듯한 느낌을 받는다!!!

 

하지만 class도 공부해야한다!! 

 

이후 공부하며 채워나갈 예정이다!!!

 

 

강의는 코지코더님의 리액트 js 기초 익히기에서..

 

www.youtube.com/watch?v=y4Pd3M1ZIXk&list=PLB7CpjPWqHOuf62H44TMkMIsqfkIzcEcX&index=1www.youtube.com/channel/UCI4tTBupvhMX1aWDSm-HAXw

 

코지 코더 Kossie Coder

호주에서 웹개발자로 일하고 있는 코지 코더의 채널입니다! 실용적인 개발 영상들로 처음 코딩을 접하시는 분들이 따라하시고 기본을 익힐수 있는 영상들을 만들고 있습니다. 감사합니다 ^^

www.youtube.com

 

728x90

'리액트' 카테고리의 다른 글

구조 분해 할당  (0) 2021.03.03
조건 렌더링  (0) 2021.03.02
props!  (0) 2021.02.24
리액트 훅스 useEffect  (0) 2021.02.23
이벤트 핸들링  (0) 2021.02.19
Comments