# ref

55개의 포스트
post-thumbnail

[패스트 캠퍼스 FE] 리액트 맛보기 - 4

1️⃣ 리액트 Element에 스타일 입히기2️⃣ Ref로 DOM 다루기3️⃣ Form 다루기4️⃣ Error 다루기이런식으로 입력받는 값을 <button> 태그와 백틱으로 묶어서 return함!잔여 연산자➡️ 입력받는 값들을 모두 태그 안에 설정해줌특정 DOM을

5일 전
·
0개의 댓글

[TIL] focus style 그리고 ref

focus 관련 선택자, react ref

5일 전
·
0개의 댓글
post-thumbnail

#1 모달 외부 클릭하여 닫기

태그에 focus, blur를 통한 모달 닫힘 구현

6일 전
·
0개의 댓글

[TIL]2022.05.07

[TIL]2022.05.07

2022년 5월 7일
·
0개의 댓글
post-thumbnail

4. ref를 이용하여 Dom에 이름달기

4. Dom에 이름달기

2022년 5월 7일
·
0개의 댓글
post-thumbnail

TIL | Vue 반응형(22.05.03)

둘은 똑같은 기능을 한다. 내부적을 코드를 까면 같은 역할을 한다하지만 관습적으로 reactive는 object, array를 그외 숫자, 문자를 ref에 쓴다. 하지만 ref에 object, array를 써도 상관 없다.props를 reactive(반응형) 하게 쓰려

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

React 개발중 component 에 ref 전달하기 (forwardRef)

forwardedRef에 대해서 알아보겠습니다.

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

React - Ref

React Docs 정리

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

[번역] Vue의 반응성 시스템은 당신의 생각보다 더 강력합니다.

원문: https://levelup.gitconnected.com/vue-reactivity-system-is-more-powerful-than-you-think-37b1924d681b Vue 3의 컴포지션 API와 개선된 반응성 시스템은 웹개발자들을 웃게 할

2022년 4월 9일
·
1개의 댓글
post-thumbnail

useRef

리액트를 사용하기 전까지 우리는 특정 태그에 접근할 때 document.getElementById()를 사용했었다.하지만 리액트는 실제 돔이 아닌 virtual DOM을 다루기 때문에 위의 방법으로 접근했을 때 문제가 생길 수 있으므로 Ref를 이용해 태그르 직접 변수

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

useRef와 React에서 ref prop

React로 웹 애플리케이션을 개발하다 보면 간혹 React 컴포넌트가 아닌 HTML 엘리먼트에 직접 접근해서 DOM API를 이용해서 제어해야 할 필요가 있는데요. 이번 포스팅에서는 이럴 때 유용하게 사용할 수 있는 React의 독특한 prop인 ref 에 대해서 알

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

Vue는 어떻게 반응성을 유지하고 있을까?

너무 멋진 개발자분들이 미래 개발자를 위해 더 좋은 프레임워크, 라이브러리등을 만들어주시면서 10년전에는 보통 직접 구현한 내용들이 지금은 많이 추상화 된 것 같다.실제로 이는 나에게 코딩을 할 때, 내부 구조에 대해 소홀히 만든 것 같다.이를 해소하고자

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

[React] ref

HTML을 작성할 때 요소에 식별가능한 유일한 이름을 줄때 id를 이용했습니다. 그리고 id를 가지고 이런저런 작업들을 했었는데 이 기능을 리액트에서 이용할 수 있게 해주는 게 ref입니다. ref는 리액트에서 컴포넌트에 이름을 붙여주는 것 입니다.id를 쓰면 자바스크

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

02.28

간단하게 말하자면 PureComponent로 구현을 하면 직접적으로 props를 주는 상위 컴포넌트나 자기 컴포넌트가 업데이트가 되는 것이 아니라면 re-randering이 일어나지 않게 하는 것이다.두개의 변수(states)가 동일한 오브젝트를 가리키고 있는 경우:

2022년 2월 27일
·
0개의 댓글
post-thumbnail

Ref, Reactive

Vue3 Ref, Reative

2022년 2월 21일
·
0개의 댓글
post-thumbnail

기술 강의 URL

js 함수형 프로그래밍https://www.inflearn.com/course/%ED%95%A8%EC%88%98%ED%98%95-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8Dnode.js express API server

2022년 2월 4일
·
0개의 댓글
post-thumbnail

리드 개발자 출신 이력서 까보기 | 개발자 특집 1편 - 감상 후기

https://www.youtube.com/watch?v=wfInwxT0UUA 배달의민족 리드 개발자 출신 이력서 까보기 (feat. 개발자 연봉 이야기) | 개발자 특집 1편 위 영상에서 리드 개발자님들의 이력서와 관련된 이야기를 보고 공감하는 내용과 내 이야기를

2022년 2월 4일
·
0개의 댓글
post-thumbnail

😹 뭣이 중한디? 감정!? : 스튜디오 잉

감정. 감정. 감정.

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

📕 거기 당신. 꾸준히 책을 읽고싶은가? 그럼 : 트레바리.

트레바리. 조금은 아쉽지만 값진 경험을 얻은 곳. 정말 멋진 서비스라고 생각해요.

2022년 1월 30일
·
0개의 댓글

vue #2 / 220125

vue.js3의 문법 등

2022년 1월 25일
·
0개의 댓글