# ref
[패스트 캠퍼스 FE] 리액트 맛보기 - 4
1️⃣ 리액트 Element에 스타일 입히기2️⃣ Ref로 DOM 다루기3️⃣ Form 다루기4️⃣ Error 다루기이런식으로 입력받는 값을 <button> 태그와 백틱으로 묶어서 return함!잔여 연산자➡️ 입력받는 값들을 모두 태그 안에 설정해줌특정 DOM을
TIL | Vue 반응형(22.05.03)
둘은 똑같은 기능을 한다. 내부적을 코드를 까면 같은 역할을 한다하지만 관습적으로 reactive는 object, array를 그외 숫자, 문자를 ref에 쓴다. 하지만 ref에 object, array를 써도 상관 없다.props를 reactive(반응형) 하게 쓰려
[번역] Vue의 반응성 시스템은 당신의 생각보다 더 강력합니다.
원문: https://levelup.gitconnected.com/vue-reactivity-system-is-more-powerful-than-you-think-37b1924d681b Vue 3의 컴포지션 API와 개선된 반응성 시스템은 웹개발자들을 웃게 할
useRef
리액트를 사용하기 전까지 우리는 특정 태그에 접근할 때 document.getElementById()를 사용했었다.하지만 리액트는 실제 돔이 아닌 virtual DOM을 다루기 때문에 위의 방법으로 접근했을 때 문제가 생길 수 있으므로 Ref를 이용해 태그르 직접 변수
useRef와 React에서 ref prop
React로 웹 애플리케이션을 개발하다 보면 간혹 React 컴포넌트가 아닌 HTML 엘리먼트에 직접 접근해서 DOM API를 이용해서 제어해야 할 필요가 있는데요. 이번 포스팅에서는 이럴 때 유용하게 사용할 수 있는 React의 독특한 prop인 ref 에 대해서 알
Vue는 어떻게 반응성을 유지하고 있을까?
너무 멋진 개발자분들이 미래 개발자를 위해 더 좋은 프레임워크, 라이브러리등을 만들어주시면서 10년전에는 보통 직접 구현한 내용들이 지금은 많이 추상화 된 것 같다.실제로 이는 나에게 코딩을 할 때, 내부 구조에 대해 소홀히 만든 것 같다.이를 해소하고자
[React] ref
HTML을 작성할 때 요소에 식별가능한 유일한 이름을 줄때 id를 이용했습니다. 그리고 id를 가지고 이런저런 작업들을 했었는데 이 기능을 리액트에서 이용할 수 있게 해주는 게 ref입니다. ref는 리액트에서 컴포넌트에 이름을 붙여주는 것 입니다.id를 쓰면 자바스크
02.28
간단하게 말하자면 PureComponent로 구현을 하면 직접적으로 props를 주는 상위 컴포넌트나 자기 컴포넌트가 업데이트가 되는 것이 아니라면 re-randering이 일어나지 않게 하는 것이다.두개의 변수(states)가 동일한 오브젝트를 가리키고 있는 경우:
기술 강의 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
리드 개발자 출신 이력서 까보기 | 개발자 특집 1편 - 감상 후기
https://www.youtube.com/watch?v=wfInwxT0UUA 배달의민족 리드 개발자 출신 이력서 까보기 (feat. 개발자 연봉 이야기) | 개발자 특집 1편 위 영상에서 리드 개발자님들의 이력서와 관련된 이야기를 보고 공감하는 내용과 내 이야기를
