그린티_

  • 홈
  • 태그
  • 방명록

Hook 1

(React) Custom Hooks 만들기

서론React를 쓰다 보니 useState, useEffect 같은 Hook들을 자주 쓰게 됨근데 같은 로직을 여러 컴포넌트에서 반복하게 되는걸 확인함"이걸 어디 따로 빼서 재사용할 수 없을까?" 싶었음그러다가 Custom Hooks라는 게 있다는 걸 알게 됨Custom Hooks를 쓰면 로직을 재사용 가능한 함수로 만들 수 있다고 함그래서 Custom Hooks가 뭐고, 어떻게 만드는지 정리해봄본론Custom Hooks란?Custom Hook은 state 로직을 재사용하기 위한 JavaScript 함수여러 컴포넌트에서 같은 로직이 반복되면, 그걸 Custom Hook으로 만들어서 공유할 수 있음Custom Hook의 규칙:함수 이름은 use로 시작해야 함 (useXxx 형태)Hook은 Hook 안에서만..

프론트엔드/React 2025.12.02
이전
1
다음
더보기
프로필사진

그린티_

프론트엔드 개발자입니다! 노션에만 기록하다가 블로그에도 조금씩 올리려고 합니당! ㅎㅎ 열심히 아자아자!

반응형
  • 분류 전체보기
    • 프론트엔드
      • Next.js
      • React
      • ReactNative
      • JavaScript
      • TypeScript
    • 백엔드
    • 코테
      • Java
      • JS
      • Python
    • CS 공부
      • OS 운영체제
      • 네트워크
      • 웹 작동 원리
      • 렌더링 과정
      • SPA vs MPA
    • GitHub
    • Unity 게임

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바