<aside> 📌 reactive()는 객체(배열, Map, Set과 같은 빌트인 타입 포함)에서만 작동합니다. 반면에 ref()는 모든 타입의 값을 사용할 수 있으며, .value 속성으로 내부 값을 노출하는 객체를 생성합니다.

</aside>

📌reactive 함수

객체나 배열과 같은 참조형데이터를 반응형으로 만들 수 있다.

📌ref

템플릿에서 ref를 사용하고 나중에 ref의 값을 변경하면, Vue는 자동으로 이 변경을 감지하고 DOM을 적절하게 업데이트한다. 이는 의존성 추적 기반의 반응형 시스템으로 가능하다.

컴포넌트가 처음 랜더링될 때, Vue는 랜더링 과정에서 사용된 모든 ref를 추적한다.

나중에 ref가 변경되면, 이를 추적하는 컴포넌트에 대해 재랜더링을 트리거한다.