개발브롞으

[React] 리액트 훅(React Hook) - 종류 / 설명 / 활용 본문

WEB/React

[React] 리액트 훅(React Hook) - 종류 / 설명 / 활용

총명한 주인장 2025. 10. 29. 18:38
728x90
728x90

이번 글은 리액트 훅에 대한 글이다.


 

 

[ 리액트 훅(React Hook) ]

- 특징

  • use로 시작함(useState, useEffect, useRef...)
  • 컴포넌트 함수 내에서 실행
  • 컴포넌트 최상위에서 실행

 


 

🔽이 블로그에 있는 리액트 훅 설명🔽

https://hwangseoyoung.tistory.com/347

 

[React] useState과 custom Hook - 이론 설명, 활용 예제

이번 글은 useState와 custom Hook에 대한 설명글이다. [ useState ]=> num을 변경하려면 setNum을 통해 num을 변경해줄 수 있음=> useState(0)처럼 기본값을 설정할 수 있음=> num이 바뀌면 화면이 렌더링됨const [num

hwangseoyoung.tistory.com

https://hwangseoyoung.tistory.com/348

 

[React] useEffect, useEffect의 정리 함수 - 이론 설명, 활용 예제

이번 글은 useEffect에 대한 글이다. [ useEffect ]* 사이드 이펙트 : 컴포넌트가 렌더링 외 다른 영향을 주거나 외부에서 데이터를 가져오는 일(JSX 반환 외 모든 부가적인 일을 말함)=> API 호출, DOM 조작

hwangseoyoung.tistory.com

https://hwangseoyoung.tistory.com/349

 

[React] useRef - 이론 설명, 활용 예제

이번 글은 useRef에 대한 설명글이다. [ useRef ]DOM 노드를 직접 사용하고 싶을 때 사용하는 리액트 훅 - 버튼 자동 클릭 예제useRef()를 null로 설정하는 이유=> 아직 useRef()가 빈 통의 상태이기 때문에

hwangseoyoung.tistory.com

 


728x90
728x90
Comments