React Hooks2 1-9) [리액트 기초] useEffect 사용법 import { useEffect } from 'react'; useEffect(() => { console.log('update...'); }) useEffect(callback, [의존성 배열]); 의존성배열 : 컴포넌트의 변화를 catch 하고 싶으면 의존성 배열에 값을 매핑 여러 개의 값 변화 검사하기 useEffect의 배열 요소가 여러 개 있어도 마찬가지로 검사가 가능하다. 배열 요소 중 하나라도 변경되면 useEffect는 콜백 함수를 실행한다. // count_app/src/component/Controller.js const Controller = (props) => { const { handleSetcount } = props; return ( handleSetcount(-1)}>-1 .. 2024. 1. 30. 1-8) [리액트 기초] Ref 사용방법 리액트의 Ref 를 이용하면 돔(DOM) 요소들을 직접 조작할 수 있다. Ref는 Ref-erence의 줄임말로 참조라는 뜻이다. useRef 사용하기 일단 아래와 같이 작성하자. // src/App.js import './App.css'; import Header from './components/Header'; import Body from './components/Body'; import Content1Refactor from './components/contents/Content1Refactor'; import Content2 from './components/contents/Content2'; import Footer from './components/Footer'; import ContentU.. 2024. 1. 29. 이전 1 다음
