본문 바로가기
Programming/React

[React] Hooks

by Bam_t 2021. 11. 12.
728x90

그동안 여러번 언급이 되었던 Hooks. 이제 드디어 Hooks에 대해서 알아볼 시간이 되었습니다.


1. Hook

Hook는 리액트 버전 16.8부터 새로 추가된 기능입니다. 이 Hook를 이용하면 기존 클래스형 컴포넌트들에서 이용하던 기능들을 함수형 컴포넌트에서도 이용할 수 있게 되었습니다. Hook가 등장해서 쓰이게 된 계기는 맨 아래 참조의 공식문서에 써있으니 한 번 읽어보시길 권해드립니다. 귀찮으신 분들을 위해 요약하자면 class형 컴포넌트 문법에서 오는 여러 난해함(특히 자바스크립트의 this)들이 주는 어려움과 재사용의 방해를 개선하기 위해 비교적 사용성이 뛰어난 함수형 컴포넌트에서 class형의 상태관리 등을 이용하기 위해 개발된 것이라고 합니다.

 

이제, 다음부터 나올 몇 개의 포스팅들을 통해 자주 사용되는 Hooks들을 알아보려고 합니다.


참조

https://ko.reactjs.org/docs/hooks-intro.html

 

Hook의 개요 – React

A JavaScript library for building user interfaces

ko.reactjs.org

728x90

'Programming > React' 카테고리의 다른 글

[React] Hooks - useEffect  (0) 2021.11.16
[React] Hooks - useState  (0) 2021.11.15
[React] ref  (0) 2021.11.12
[React] 컴포넌트 생명주기  (0) 2021.11.10
[React] 리액트의 이벤트 핸들링  (0) 2021.11.04

댓글