React Ref

State와 Ref의 차이점 및 사용 사례

참고 자료

https://vietnamlife.info/react%EC%97%90%EC%84%9C-state%EC%99%80-ref%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-%EB%B0%8F-%EC%82%AC%EC%9A%A9-%EC%82%AC%EB%A1%80-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0/

State vs Ref

• State: 렌더링을 트리거함, UI 업데이트에 사용
• Ref: 렌더링을 트리거하지 않음, DOM 접근이나 값 보관용

사용 케이스

Ref는 주로:

• DOM 직접 조작
• 이전 값 저장
• 타이머 ID 보관
• 렌더링에 영향을 주지 않는 값 저장