hook 2

[React - Hook] useRef가 뭘까 ? 어떻게 사용하지 ? (예제)

useRef 란? - Reference를 사용하기 위한 Hook Reference ? 특정 컴포넌트에 접근할 수 있는 객체 사용법 const ref = useRef(초깃값); 특징 - useRef Hook은 Reference object를 반환한다. { current : value } - current란 현재 참조하고 있는 Element이다. - Reference object는 수정이 가능하다. - 반환된 ref는 전 생애주기를 통해 유지된다. (즉, 컴포넌트가 계속 렌더링 되더라도 unmount 되기 전까진 값을 유지한다. ) - useRef Hook은 내부의 데이터가 변경되더라도 별도로 알리지 않는다. (즉, current 속성을 변경한다고 재렌더링이 되지 않는다. ) 정리 - useRef를 사용한 ..

FE/REACT 2022.06.14

[React - Hook] React에서 변하는 데이터 처리하는방법 ( Hook이 뭐고 useState는 뭐야? )

버튼을 누를때마다 숫자가 증가하게 보이고 싶은데 ... 어떻게 해야하지 ...? Hook을 알기위해 알아야 할 내용 컴포넌트에는 두가지 종류가 있다. 1. Class Compoent 2. Fuction Compoent Class Compoent는 ? - 생성자에서 State를 정의한다 - setState() 함수를 통해 state를 업데이트 한다. - 컴포넌트의 생명주기 함수가 명확히 정의되어 있어 가져다 사용하면 된다. Q. state가 무엇인지 궁금하다면? https://mandelina-code.tistory.com/79 [React] useState에서 사용하는 State는 정확히 무엇을 말하는걸까? Hook을 공부하며 useState를 사용중 State에 대해 좀 더 자세히 알고 싶어 졌다. r..

FE/REACT 2022.06.09