# useRef

93개의 포스트
post-thumbnail

[React] useState, useEffect, useRef정리 및 실습코드

\*\*데이터 - state에 저장하기useStateHook 사용 이유useEffectuseRef\*\*변수가 변경될 때 자동으로 HTML이 리렌더링되게 하려면, 변수에 말고 state에 데이터 바인딩해야한다. 예를 들어 D-day계산기에서 처럼 입력한 숫자에 따라 표

약 8시간 전
·
0개의 댓글
post-thumbnail

React Hooks 사용하기(3)_useCallback, useRef

useCallback useCallbackdms useMemo와 상당히 비슷하다. (이전 포스팅 참고) 주로 렌더링 성능을 최적화해야 하는 상황에서 사용하다. useCallback을 통해 이벤트 핸들러 함수를 필요할 때만 생성할 수 있다. Average 컴포넌트 내부

4일 전
·
0개의 댓글

[hooks] useRef

useRef

6일 전
·
0개의 댓글

211128_useRef와 useEffect의 cleanup function

최근 리액트로 개인 프로젝트를 하며 useRef와 useEffect를 활용해 애니메이션을 구현했었는데, 그 과정에서 알게 된 내용을 정리해 보고자 한다.

2021년 11월 28일
·
0개의 댓글

React :: input 상태와 useRef

📝 input 상태 관리 💡 리액트에서 사용자가 입력 할 수 있는 input 태그의 상태를 관리하는 방법 💬 이벤트에 등록하는 함수에서는 이벤트 객체 'e'를 파라미터로 받아와서 사용

2021년 11월 26일
·
0개의 댓글

[React]Styled-components에 useRef 쓰는 법 (typescript)

ref을 붙여야 하는 component를 forwardRef으로 만든다. 이러고 이런식으로 ref을 붙이면 된다.

2021년 11월 18일
·
0개의 댓글

react useRef에 대하여

useRef 는 .current 프로퍼티에 변경가능한 값을 담고있는 상자

2021년 11월 17일
·
0개의 댓글
post-thumbnail

읽은 좋은 글들 (~21.11.16)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

2021년 11월 16일
·
0개의 댓글
post-thumbnail

배열에 항목 추가하기(인풋으로 목록 추가하기)

먼저 CreateUser.js라는 컴포넌트를 만들어주자 ![](https://images.velog.io/images/catdev/post/b0a4faf0-0721-42c4-95cf-18d2a93926fc/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%

2021년 11월 15일
·
0개의 댓글
post-thumbnail

useRef로 컴포넌트 안에 변수 만들기

특정 DOM을 선택할때도 쓰이기도 하지만컴포넌트가 리렌더링 될 때 마다 계속 값을 기억해야할때도 사용한다 useRef로 관리하는 값은값이 바뀌어도 컴포넌트가 리렌더링 되지 않는다 ! 상단에 import useRef먼저 해주고우리가 전에 userList.js에 만들어놓은

2021년 11월 14일
·
0개의 댓글

useRef

바닐라 자바스크립트에서는 DOM 조작을 하기 위해 querySelector나 getElementById를 사용했다. 리액트에서는 DOM 조작을 어떻게 할까? useRef 란? 리렌더가 되지 않는다. 1. DOM 조작을 위해 애니메이션을 추가하기도 하고, css 스타

2021년 11월 12일
·
0개의 댓글
post-thumbnail

TIL - 2021.11.09

거의 WIL이 되가고 있는 TIL✏️

2021년 11월 9일
·
0개의 댓글

useMemo, useRef 를 이용한 input handling

state에 input value를 저장하는 handleInputFunction 이라는 함수를 useRef를 이용해 생성한다. (함수가 실행되더라도 리렌더링 되지 않는다.)그리고 input value가 변경되더라도 loginInfo 라는 state의 값을 기억하기 위해

2021년 11월 9일
·
0개의 댓글
post-thumbnail

React.js: useRef();

함수형 컴포넌트에서 ref를 쉽게 사용할 수 있게 해줍니다.

2021년 11월 5일
·
0개의 댓글
post-thumbnail

useRef로 특정 DOM 사용하기

먼저 input을 활용해 이름과 닉네임을 지어줄수있고, 초기화도 할수있는 기능을 만들자이렇게 이름과 닉네임을 지으면값: 이라는 부분에 똑같이 입력이 되게끔 만들자 useRef라는 라이브러리를 import 해주고nameInput 이라는 객체를 만들어주고 ! 이 객체는 우

2021년 11월 4일
·
0개의 댓글
post-thumbnail

[React] useRef로 로컬 변수 사용하기

useRef로 특정DOM 선택할때만 사용하는 줄 알았는데, 내가 개발하면서 애매했던 순간들에 유용하게 사용할 수 있는 녀석이었다!useState로 관리하기엔 상태를 바꾸면 컴포넌트가 리렌더링되고, 그냥 변수를 선언해서 사용하면 다음 리렌더링 될 때 변수값이 초기화되고.

2021년 10월 28일
·
0개의 댓글

[React] useRef

nav바의 탭을 클릭하면 특정 컴포넌트 위치로 스크롤을 이동하게 구현하려고 함

2021년 10월 27일
·
0개의 댓글

React Hook | useRef

React Hook | useRef

2021년 10월 27일
·
0개의 댓글
post-thumbnail

React Hooks:: useRef()

useRef() 정리하기

2021년 10월 27일
·
0개의 댓글