# useRef

13개의 포스트
post-thumbnail

[React] 8. react-hooks(useState, useEffect, useRef)

Hooks 는 React 16.8 에서 추가 되었습니다.기존에는 함수형 컴포넌트에서 상태를 관리하기 위해서는 클래스 컴포넌트 다시 작성해야 했던 반면에, Hooks가 나오면서 함수형 컴포넌트에서도 상태를 가질 수 있게 되었습니다. Hooks는 이것 외에도 다양한 기능들

2020년 10월 20일
·
0개의 댓글
post-thumbnail

[JavaScript] React - useRef로 컴포넌트 안의 변수 생성

React useRef를 통한 컴포넌트 안의 변수 생성 > 컴포넌트가 리렌더링 될 때마다 기억할 수 있는 값을 관리하고 싶을 때, useRef를 사용할 수 있습니다. > 아래 예제를 통해서 어떻게 사용하는지 알아봅시다. >

2020년 10월 1일
·
0개의 댓글

React useRef()

const commentUnputRef = useRef()const submitComment = useMutation(SUBMIT_COMMENT_MUTATION, { update() { setComment(''); commentInputRef.c

2020년 9월 26일
·
0개의 댓글

React Hooks - useRef를 이용한 스크롤 이동

위 사진은 클론코딩을 진행한 클래스101의 클래스 상세페이지이다. 각각의 탭을 클릭하면 해당하는 위치로 이동을 하는데 처음에는 바로 화면이 바뀌길래 active tab인줄 알았다. 클론코딩을 진행하면서 이 부분이 조금 불편하다고 생각되어서 스크롤 이동을 부드럽게 만들어주었다. 각 탭에 해당하는 element는 각자 ref를 가지고 있었고 이동을 하려면 하...

2020년 8월 16일
·
0개의 댓글

React Hooks #9 useImperativeHandle()

리액트 공식문서 - useImperativeHandle(https://ko.reactjs.org/docs/hooks-reference.html자식컴포넌트의 메서드 호출할 수 있도록 한다.forwardRef() 와 함께 사용한다.부모 컴포넌트에서 입력한 ref객

2020년 7월 13일
·
0개의 댓글

React Hooks #7 useRef()

클래스형 컴포넌트에서 createRef()를 hooks에서는 useRef()로 사용한다.컴포넌트가 마운트 되고 DOM 요소에 접근 가능해 졌을 때DOM 요소에 포커스(focus), 외부 요소 클릭 이벤트(out-side-click-event) 적용할 때렌더링과 무관한

2020년 7월 13일
·
0개의 댓글

useRef vs variable, useState 차이점

useRef vs variable 및 useState 비교

2020년 4월 13일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
5개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-1. React Hooks 기본-하

useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-0. React Hooks 기본-상

상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.

2019년 4월 18일
·
2개의 댓글