# createRef
[React] Ref
네이버 블로그에서 이전, 원글 작성일시 : 2021.07.15.23:13제로초 님은 늘 컴포넌트를 class, hooks 두 가지 방식으로 각각 만들어 설명해주신다.ref를 이용하여 dom에 접근해야할 경우, 두 가지 방식의 사용법이 다르기 때문에 점점 헷갈리기 시작해
Class란?, Ref
class는 객체이자 물건 만드는 설명서입니다. class안에는 함수와 변수를 넣을 수 있습니다. 이 변수와 함수를 조합해 붕어빵과 몬스터를 만드는 방법을 적어둘 수 있습니다. 그리고 붕어빵과 몬스터를 만들고 싶다면 new 붕어빵() 으로 만들어 줍니다. 만들어진 붕어빵과 몬스터는 객체 또는 인스턴스라고 부릅니다. 클래스에서의 함수와 변수 사용법 ...
useRef
자바스크립트에서 태그에 접근할 때getElementById(), getElementsByClassName 등을 이용한다.이와 다르게 React에서는 Ref를 이용한다.그리고 Ref는 클래스 컴포넌트와 함수 컴포넌트에서 이용 방법이 서로 다르다.클래스 컴포넌트에서는 cr

[React] 6. ref(Reference)
Reference ✔ ref(Reference)는 HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법을 뜻한다. 특정 DOM 요소에 작업을 해야할 때 id를 달면 css에서 특정 id에 특정 스타일을 적용하거나
.png)
[React] Ref 이용하기(feat : createRef, useRef)
안녕하세요! 이번시간에는 리액트에서 쓰이는 Ref에 대해 알아보도록 하겠습니다!특정 노드나 컴포넌트에 레퍼런스 값을 만들어주는 것입니다. 때문에 Ref를 통해서 노드나 리액트 요소에 접근하여 값을 얻어낼 수 있습니다.이런식으로 먼저, createRef라는 리액트 내장