[Vue] Fragment의 함정: 왜 $el은 Text Node가 될까?
0. 들어가며…Vue에서 자식 컴포넌트의 스타일을 가져올 때 ref.value.$el.{스타일_속성} 방식을 사용한다.// 부모 컴포넌트console.log(childRef.value.$el.style.clientHeight) // 300여기서 $el은 “컴포넌트 인스턴스가 관리하는 루트 DOM 노드”를 가리킨다.그래서 이 방법을 사용하면 같은 루트 요소의 스타일을 바로 읽을 수 있다.그런데 어느 날, 컴포넌트의 레이아웃 구조를 바꾸자 $el.{스타일_속성}이 undefined를 반환하기 시작했다.💡문제 상황부모 컴포넌트는 2개의 자식 컴포넌트를 가진다.그리고 각 자식 컴포넌트의 높이 값을 $el.clientHeight 방식으로 가져왔다. 각 자식 컴포넌트의 구성은 다음과 같다. hello..
2025. 10. 26.
