state와 ref에 대한 차이는 당근마켓 면접 시 들었던 질문이다.
state 와 props 의 차이는 기초 개념이자 프론트엔드 면접질문 중 자주 나오기에 쉽게 대답할 수 있는데
state와 ref에 대한 차이는 한번도 고민해보지 않아 당황스러웠다.
일단은 각각에 대해서 정리하면
State : "컴포넌트 내에서 관리되는 데이터 객체"
Ref : "DOM에 이름을 다는 것으로, DOM에 직접 접근하고 싶을 때 사용"
질문에서 의도했던 대답은
State
리렌더링이 필요한, 즉 변경시 렌더링이 되어야 하는 값을 다룰 때이고,
Ref
리렌더링을 발생시키지 않아도 되는 값을 다룰 때