useRef (2) 썸네일형 리스트형 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지21회차 미션 패스트캠프 프론트앤드 인강 21일차 리액트에서 useRef로 컴포넌트안에 변수만들기와 배열에 항목추가하기를 배웠다. 컴포넌트안에 변수만들기 변수는 예를들어 컴포넌트 내부에 let키워드를 사용해 변수선언한다가정할때리랜더링될때 변수값은 초기화된다. 만약 계속유지하고싶으면 useState를 사용해야하는데 useState같은경우는 상태를 바꾸게되면 컴포넌트가 리랜더랑된다컴포넌트가 리랜더링될때마다 어떠한값을 관리할때도 useRef를 사용한다. useRef로 관리하는 값은 바뀌어도 컴포넌트가 리랜더링되지않는다. 지난번에 사용했던 코드에 고유 id값을 useRef로 관리해보자. App.js import React, {useRef} from 'react'; import './App.css'; // import User.. [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지20회차 미션 패스트캠프 프론트앤드 인강 20일차 리액트에서 useRef로 특정 dom을 선택하는 방법과 배열랜더링을 배워보았다. dom을 선택하는방법 1.useRef를 리액트에 import한다. import React, {useRef} from 'react'; 2.useRef() 함수를 호출한다. const 유즈리프 = useRef(); 3. 원하는 함수에 current.dom조정하는 코드를 넣어준다. const 함수명 = () =>{ 유즈리프.current.focus(); } 4.사용할 태그에 useRef를 넣어준다. 활용예문(지난시간에 했던 inputSample.js를 다시불러서 해보았다.) import React, {useState, useRef} from 'react' export default functio.. 이전 1 다음
