React6 [React] useRef 😀 useRef import { useRef } from 'react'; const ref = useRef(0); { current: 0 // The value you passed to useRef } ex) ref.current 1. useState는 상태의 값이 변경 시, 재렌더링을 하지만, useRef는 상태가 변경되어도, 렌더링 되지 않으며, 화면이 렌더링이 될때 useRef의 상태의 값이 변경된다. (useRef의 값이 변경되어도, 렌더링을 트리거하지않는다) ex1) 버튼 클릭 시, useState의 상태값인 count의 숫자가 + 1 씩 올라간이후, count 텍스트가 변경된다. const [count, setCount] = useState(0); {count} setCount(count + .. 2023. 9. 20. [React] Vite React Project Setting Vite - 프랑스어로 빠른 이라는 뜻을 가짐. - 웹 프로젝트에 더 빠르고 효율적인 개발환경을 제공하는 것을 목표로 하는 빌드 도구 설치 $ npm create vite@latest my-proejct 실행 $ npm install $ npm run dev 2023. 9. 20. 이전 1 2 다음