# ref

92개의 포스트
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개의 댓글
·

[React] key, Event, 폼, Ref

리액트 개념 정리

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

[Simple memo] React forwardRef란?

영어 그대로 해석하면 다음과 같다. forward ref: ref를 전달하다간단하게 말하면 상위 컴포넌트에서 자식 컴포넌트로 ref를 전달할 때 사용해야 하는 것이 바로 forwardRef 이다.자식 컴포넌트로 전달한다는 것은 아래와 같은 것을 말한다. 그러나 아래는

2022년 10월 8일
·
0개의 댓글
·
post-thumbnail

221006 TIL

유튜버 별코딩님의 영상을 토대로 만든 나만의 코딩 일기장이번에는 리액트의 ForwardRef 가 무엇인지 파악하고 어떻게 사용하는 건지 알아보자!부모 컴포넌트에서 자식 컴포넌트로 ref 를 전달할 때 사용하는 기법부모 컴포넌트가 자녀 컴포넌트의 dom 요소를 접근하려고

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

React

키가 없다면? 어떠한 배열이 있다 가정하고 그 사이에 무언가를 추가하게 된다면, 기존 그 자리를 차지하고 있던 친구들이 하나씩 밀려, 새로 생긴 c라는 친구가 아닌 끝까지 밀려서 마지막 위치에 있던 친구가 새로 생기게 된다. 즉, 내가 수정하지 않은 내용들도 수정이 이루어진다. 키가 있다면? 키가 있다면 기본적으로 위의 내용과는 반대로 불필요한 ...

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