virtual dom
-
Vue.js와 jQuery 공존하기 :: 마이구미Vue.js 2017. 8. 4. 20:22
이번 글은 Vue.js와 jQuery를 같이 사용할 때 숙지해야할 것들을 다뤄본다.Vue.js를 쓰기 전에 Virtual DOM은 반드시 숙지해야한다. (Virtual DOM 관련 글)글을 이해하기 위해서도 필요하다. jQuery는 DOM 조작에 있어서, 정말 편리하고 이용해왔고, 계속해서 쓰고 있다.그렇기에 Vue를 쓰면서 jQuery를 통해 DOM 조작을 할 수도 있다.이러한 경우, 단순히 Vue와 jQuery를 같이 사용하면 안된다.고려해야할 것들이 존재한다. 이유는 Virtual DOM이다.Vue는 Virtual DOM에 접근하고, jQuery는 실제 DOM에 접근한다.이것이 뜻하는 의미는 아래와 같다. 만약 jQuery를 통해 DOM을 추가할 때, Vue는 실제로 추가되는 DOM을 무시한다.=>..
-
Virtual DOM이란 무엇인가? :: 마이구미Vue.js 2017. 7. 29. 14:02
이번 글은 Virtual DOM에 대해 다뤄본다.Virtual DOM은 React를 통해 이미 많이 알려져있다.최근 핫한 Vue.js 2.0에서부터도 사용되고 있다.Virtual DOM 무엇인지? 왜 나왔는지? 왜 쓰는지? 에 대해서는 다를 게 없기 때문이다. Virtual DOM 기술은 DOM 조작에 있어 비효율적인 이유에서 나오게 되었다.DOM 조작에 있어, 비효율적인 이유를 살펴보자.기존에는 아래와 같이, Javascript 또는 Jquery를 통해 원하는 dom 노드를 찾은 후 변경하는 행위를 했다. document.getElementById('myId').appendChild(myNewNode) // javascript$('#myId').append(myNewNode) // jquery 하지만 ..