useRef2 [React] useRef 1. ref 사용하기 1-1. ref의 개념 ref는 인강을 보고 이해가 잘 가지 않아서 추가로 잘 정리된 유튜브 강의를 참고했다. (1. React Hooks에 취한다 - useRef 완벽 정리 1# 변수 관리 | 리액트 훅스 시리즈, 2. ) ref는 컴포넌트에 접근할 수 있는 특수한 어트리뷰트이다. 는 2가지가 있다. const ref = useRef(value)로 사용한다. ref는 {current:value} 형태이다! 반환된 ref는 컴포넌트의 전 생애주기를 통해 유지된다! 컴포넌트가 unMount 되기 전까지는 값을 유지할 수 있다! 1-2. ref가 유용한 경우 1) 저장공간 state를 사용하는 경우 state의 변화 → 컴포넌트 다시 렌더링 → 컴포넌트 내부 변수들 초기화 원하지 않는 .. 2022. 7. 29. [React] 간단한 사용자 입력 form 만들기 (useRef) 1. label태그의 htmlFor label 태그와 input요소를 사용해서 사용자 입력 폼을 만드는데, htmlFor이 나왔다. 잘 이해가 가지 않아서 공식문서를 살펴보니 다음과 같이 한 줄 나와있고 끝이었다. htmlFor: for는 JavaScript에서 예약어이므로 React 엘리먼트는 htmlFor를 대신 사용한다. label 요소에서 왜 for을 사용하는 거지.??!!! 처음에는 반복문인가..? 했는데 찾아보니 역시 다른 거였다. 간단한 label요소에 대한 설명은 다음 글을 참고했다. (1-1. HTML Tag, label for란?, 1-2 class와 for 속성 ) 1-1. js에서 label for 사용법! label요소의 for에는 input의 id와 같은 값을 넣어줘야한다. St.. 2022. 7. 26. 이전 1 다음
