Hook (2) 썸네일형 리스트형 useRef & Refs useRef hook 은 mutable value(참조 또는 ref) 를 생성하고 DOM element에 접근하기위한 hook Mutable value useRef 는 초기값을 받고 참조(ref)를 리턴함 ref는 'current'라는 특수한 속성을 가진 객체임 import { useRef } from 'react'; function MyComponent() { const initialValue = 0; const reference = useRef(initialValue); const someHandler = () => { // ref의 value에 접근 const value = reference.current; // ref의 value 수정 reference.current = newValue; }; /.. Hook 정의 hooking - 소프트웨어 구성요소간 발생하는 함수호출, 메시지, 이벤트 등을 중간에 바꾸거나 가로채는 명령, 행위 hook - 이때의 함수호출, 이벤트 또는 메시지를 처리하는 코드를 hook 이라고 함 React에서의 hook 함수 컴포넌트에서 React state와 생명주기 기능을 연동할 수 있게 해주는 함수 props, state, context, refs, lifecycle 과 같은 react 개념에 좀더 직관적인 API 를 제공 컴포넌트 사이에서 상태 로직을 재사용 하기 위함 독립적인 테스트가 가능 class 컴포넌트 안에서는 동작하지 않음 class 컴포넌트의 단점 this 키워드의 작동이해가 되지 않으면 혼란을 줄수있음 코드의 최소화를 힘들게 만듦 Hook 사용 규칙(linter pl.. 이전 1 다음
