프로그래밍 공부 노트

Ref Class Component 에서 Ref 는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공한다. Ref 활용 - 포커스, 텍스트 선택영역, 미디어의 재생관리 - 애니메이션을 직접적으로 실행시킬 때 - 서드 파티 DOM 라이브러리를 React와 같이 사용할 때 아래의 예제 코드를 보자 import React , { Component } from 'react' export default class Click extends Component { state = { like : 0 , } handleIncrease = () => { this . setState ( prevState => ({ like : prevState . like + 1 })) } handleDecreasse = () => { this . setState (( prevState ) => ({ like : prevState . like - 1 })) } accessDom = ( tag ) => { console . log ( tag ); } render () { console . log ( '렌더링 되었다' ); const { like } = this . state ; return ( < div > { like } < div > < button ref = {this . accessDom } onC