# ref

95개의 포스트

[알게된 것] React forwardRef

React 작업을 진행하며, 자식 컴포넌트에서 사용될 ref를 부모 컴포넌트에서 선언해야 하는 구조였다.위와 같은 구조로 ref를 전달하니 에러가 발생했고...찾아보니 자식 컴포넌트에 ref를 전달하려면 컴포넌트를 선언할 때 React.forwardRef를 사용해야한다

3일 전
·
0개의 댓글
·

Ref 뽀개기 - NEW 리액트 공식문서

컴포넌트가 어떤 정보를 "기억" 하게 하고 싶지만, 리렌더링은 안했으면 좋겠을 때 - 그 때 ref 를 쓰자. > ## 이 문서에서는.. 컴포넌트에 ref 더하기 ref 값 업데이트하기 ref vs state ref 안전하게 쓰는 법 을 배워보자. 컴포넌트에 ref

2023년 3월 20일
·
0개의 댓글
·

useRef && useEffect

ref는, JS의 getElenentById()처럼, Component의 어떤 부분을 선택할 수 있게 해주는 방법이다.React에 있는 모든 Component는 Reference Element를 가지고 있어서 어떤 Component에 ref={변수명}을 넣어주면, 해당

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

Vue3 - 페이지 컴포넌트에 Props 전달과 ref, reactive.. (복사/재귀함수)

우선 상세 정보를 가져올 게시글에 대한 API 함수를 작성한다.api/posts.js파라미터 id값은 PostDetailView.vue페이지에서 route 값 id를 string 형태로 전달하기 때문에int로 형변환시킨다.PageDetailView.vue에서 API를

2023년 1월 31일
·
0개의 댓글
·

[C# 7.0] ref returns and locals

c✍ 로컬 변수에 ref✍ 반환값에 ref✅ 결과✍ 컴파일 오류1 : 지역변수지역변수의 유효범위가 스택 상에 있을 때로 한정되기 때문에 메서드의 실행이 끝나 호출 측에 넘어가는 시점에 스택이 해제되어 return re로 반환받은 인스턴스가 남아있을 거라는 보장을 할 수

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

💻 Ref, Render Props(feat. 리액트 공식문서)

⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리애니메이션을 직접적으로 실행할 때서드 파티 DOM 라이브러리를 React와 같이 사용할 때선언적으로 해결될 수 있는 문제에

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

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

[ React ] useRef로 컴포넌트 안에 변수 만들기에 대해 알아보자.

2022년 12월 8일
·
0개의 댓글
·

React - input, useRef

input에 글을 입력하면 문자로 출력하기 + 초기화 시키기2개의 input 이용하기react에서 제공하는 hook 중 하나..current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref객체 반환반환된 객체는 component에서 유지.

2022년 12월 6일
·
0개의 댓글
·

Vue 예외 케이스 - 루트 엘리먼트 접근

루트 엘리먼트 접근 $root 대부분의 경우, 다른 컴포넌트에 접근하거나 직접 DOM 엘리먼트에 접근하는 것을 피하는 것이 좋다. 그럼에도 불구하고, 이러한 접근이 허용되는 경우가 있다. new Vue의 모든 하위 컴포넌트에서는 $root 속성을 이용해 루트 인스턴스에

2022년 12월 4일
·
0개의 댓글
·

V DOM에 직접접근:ref

Ref(useRef는 나중에)

2022년 12월 3일
·
0개의 댓글
·
post-thumbnail

[2019-10-10][react] React에서 Ref 사용하기

React 16.7에서 ref를 사용하는 방법을 적었다. 일반 ref나 callback ref 등 다양한 방법을 useRef Hook에서도 사용할 수 있다.

2022년 11월 26일
·
0개의 댓글
·
post-thumbnail

[React] ref: DOM에 이름 달기

컴포넌트 내부에서 DOM에 직접 접근해야 할 때 ref를 사용한다.(우선, ref를 사용하지 않고도 원하는 기능을 구현할 수 있는지 반드시 고려한 후에 활용)

2022년 11월 21일
·
0개의 댓글
·

$refs를 통해서 모달창 컨트롤 하기

vue component 안에서 vue-bootstrap을 이용해 모달창을 띄우고 닫는 기능을 만드는 데 ref를 사용한 것에 대해서 정리.버튼을 누르면 모달창이 출력되고 그 안의 버튼을 누르면 특정 기능을 수행하고 모달창이 자동으로 닫아지는 기능.vue-bootstr

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

[React] ref

개발을 하면서 무수히 많은 폼 요소들을 마주한다. 이 요소들 중 원하는 input요소에 focus를 하기 위해 DOM요소를 어떻게 제어해야될 지에 대해 고민하게 된다. ref라는 프로퍼티를 익히고 이를 해결해보자.ref는 render 메서드나 return값으로 생성된

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

ref는 언제 어떻게?

ref에 대해 알아보자.

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

💻 Ref 전달하기(feat. 리액트 공식문서)

⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. ref 전달은 컴포넌트를 통해 자식 중 하나에 ref를 자동으로 전달하는 기법이다. 일반적으로 애플리케이션 대부분의 컴포넌트에 필요하지는 않다. 그렇지만, 재사용 가능한 컴포

2022년 11월 2일
·
0개의 댓글
·

React - input, useRef

input에 글을 입력하면 문자로 출력하기 + 초기화 시키기 App.jsx Input.jsx onChange 폼 필드가 변경될 때 이벤트가 발생. 2개의 input 이용하기 useRef > react에서 제공하는 hook 중 하나. .current 프로퍼티로

2022년 11월 2일
·
0개의 댓글
·

ref 이해하기

useRef로 scroll 조정하기

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

[React] Ref

네이버 블로그에서 이전, 원글 작성일시 : 2021.07.15.23:13제로초 님은 늘 컴포넌트를 class, hooks 두 가지 방식으로 각각 만들어 설명해주신다.ref를 이용하여 dom에 접근해야할 경우, 두 가지 방식의 사용법이 다르기 때문에 점점 헷갈리기 시작해

2022년 10월 13일
·
0개의 댓글
·