DOM도 자바스크립트 객체가 맞아요! 하지만 접근/수정시 DOM API를 사용해서 직접적으로 화면을 다시 그려주기때문에 조금 느리죠. 브라우저 화면과 타이트하게 커플링되어있다고 생각하시면 될 것 같아요. 반면에, 가상돔은 DOM을 추상화 한 상태를 담은, "브라우저 화면과는 분리된" 자바스크립트 객체이기때문에, 접근/수정시 실제 브라우저 화면에 영향을 주지 않아요. 그렇기 때문에 훨신 빠르고요! 리액트의 가상돔은 엄청 대단하고 복잡한 무언가가 아닌, 우리가 빠른 속도로 접근/수정 할 수 있는 그저 자바스크립트 객체라는 것을 알고 계시면 좋을 것 같아요! 😄
![[제로초뉴스]2024년 리액트 개발자라면 이 영상만 보시면 됩니다(트렌드 라이브러리 정리)](http://i.ytimg.com/vi/k0oqyokMm5Y/mqdefault.jpg)
![[10분 테코톡] 돔하디의 Virtual DOM](http://i.ytimg.com/vi/6rDBqVHSbgM/mqdefault.jpg)
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
리액트를 처음 시작하고 이 영상을 봤을 때는 100% 이해하지 못했는데, 어느 정도 리액트에 대한 감을 잡은 후에 영상을 다시 보니까 문장 하나하나 의미가 쏙쏙 와닿네요. 마지막 정리도 너무 깔끔하고 훌륭합니다. 면접 대비용으로도 최고예요! 좋은 영상 감사합니다~~ㅠㅠ
리액트에 대한 이해가 어느정도 있을때 비로소 가상돔의 장점을 이해할 수 있는것 같아요 ㅎㅎ 굉장히 열심히 공부하신것 같네요!! 앞으로의 여정도 화이팅입니다! 🔥🔥
어떻게 강의력과 영상편집 모두 갓벽하신지....
감사합니다! 영상 편집은 정말 하루 종일 걸리네요 ㅎㅎ 더 좋은 영상으로 찾아뵐게요!
모호하던 DOM과 버츄얼 돔 개념, 리액트의 랜더링 방식을 이해했습니다 감사합니다!
오 영상올라왔따!!! 올려주신 리액트 명강의 다 봤어요ㅎㅎ 다른 영상들도 존버중이에요
명강의라니 ㅎㅎㅎ 부끄럽습니다! 항상 시청해주셔서 감사해요! 다음 영상도 존버해주세요~ 😆😆😆
가상돔에 대해 정말 대충으로만 알고 있었는데....감사합니다 ㅠㅠㅠ 머리속에 쏙쏙 박혀요. 마지막에 정리 해주신것도 완벽해요!
도움이 되었다니 기뻐요! 영상 봐주셔서 감사합니다 :)
진짜 쉽게 알려주시네요. 기다리던 강의입니다. ㅎㅎ
감사합니다! 좋은 주제로 찾아뵈어서 기뻐요!
뜬구름 잡는 듯했던 가상돔을 이렇게 쉽게 설명해 주시네요. 맘 같아선 좋아요 100개쯤 누르고 싶습니다 ㅎㅎ
가상돔에대해 크게 신경쓰지 않아도 리액트 개발은 할 수 있지만, 알게되면 더 재밌는것 같아요 ㅎㅎ 좋아요 하나만 주셔도 만족합니다 ~ ❤️
진짜...너무 최곱니다..
감사합니다!! 😆
다른 영상도 많이 올려주세요. 정말 잘알려주시네요!! 최고최고!!
이야 놀랍네요
너무 잘봤습니다!
기다리구 있었어요옹오
고오오마워요오옹오옹 😊😊
마침 가상 돔이 궁금해서 찾아보고있었는데
따끈따끈한 영상이...
내용도 초보자한테 잘박히네요 ㅎㅎㅎㅎ
좋은 타이밍에 알맞은 주제가 올라와서 다행이네요! 앞으로의 리액트 공부 응원합니다 😆
가상돔에 대해 찾아본 영상중에서 가장 정확하게 알려주시면서 쉽게 설명하시네요. 구독 누르고 갑니다!
도움이 되어서 다행입니다! 구독 감사해요 😆
선추천 후감상 믿고보는 별코딩님 👍👍👍
선추천 후감상 감사합니다!! 🙌🙌
올라온지도 모르고있었네요. 너무 유익한 내용 감사합니다!
민찬님 항상 댓글 남겨주셔서 감사해요! 😊😊 영상이 도움이 되었길 바라요!
정말 유용해요. 개념이 모호했던 부분이 깨끗하게 정리가 되었네요. 감사합니다.
한번쯤은 들어봤지만, 그냥 지나치게되는게 가상돔인것 같아요! 그런데 이해하면 더 즐겁게 개발 할 수 있지 않을까하는 생각이 드네요 ㅎㅎ
어지러운 저의 머릿속을 정리해주셔서 감사합니다 ㅋㅋㅋ
정리가 되었다니 기쁘네요 ㅎㅎ 영상 봐주셔서 감사해요!
별코딩님 강의 넘 좋습니다..감사합니다!
영상 봐주셔서 감사해요! 😆😆
감사합니다!
감사합니다 😆
설명최고입니다 감사합니다
영상 봐주셔서 감사해요! 😄
지식의 공유 정말 멋지십니다!
앞으로도 계속 공유할게요!! 😄😄
영상 너무 잘봤습니다! 궁금한 점이 생겨서요 Reconciliation 과정 내에 Diffing과 Batch update가 있는 것인가요? 아니면 Diffing 다음 단계가 Reconciliation인가요?
감사합니다
감사합니다!
역시 별코딩❤❤❤❤
별코딩님 강의 잘 보았습니다. 좋은 영상 감사해요. 레퍼런스도 직접 찾아가 읽고싶은데, 댓글 남겨주실 수 있을까요?
리액트 공식문서가 업데이트 되기 이전에 찍은거라 레퍼런스가 legacy가 되어버렸네요!
여기 이전에 참고했던 공식문서 링크입니다 legacy.reactjs.org/docs/faq-internals.html
Thank you
요즘 리액트보다 성능좋은게 많다던데 리액트를 쓰는 이유는 무엇인가요?
잘봤습니다 그런데 가상돔이 자바스크립트 객체형태로 메모리에 저장된다고 하셨는데 램에 저장된다는뜻인가요?
믿고 보는 ★코딩
⭐코딩 😄
가상돔: 실제 돔의 복사본.
돔: html 요소들을 트리형태로 표현한 것
제가 알기론 가상돔이 항상 돔보다 빠르진 않다고 알고 있는데 맞나요? 그 차이도 거의 미미하다고 하는데
슨상님... 요즘 Solidjs가 엄청 뜬다는데.. 해외분위기는 어떤가요??
저는 처음들어 보는 프레임워크네요! SolidJS 소개영상을 보니까 리액트랑 비슷한 부분도 있지만 퍼포먼스 최적화가 굉장히 잘 되어있네요! 요즘 뜨고있는 것 같지만, 제 주변 개발자들중에 SolidJS를 사용하는 개발자를 아직 보지는 못했습니다 :)
선생님! 질문이 있는데요..! 가상돔이 자바스크립트 객체로서 메모리상에 저장되어있다고 하셨는데 DOM도 객체 아닌가요..!? 실제 돔은 자바스크립트 객체는 아닌건가요??
DOM도 자바스크립트 객체가 맞아요! 하지만 접근/수정시 DOM API를 사용해서 직접적으로 화면을 다시 그려주기때문에 조금 느리죠. 브라우저 화면과 타이트하게 커플링되어있다고 생각하시면 될 것 같아요.
반면에, 가상돔은 DOM을 추상화 한 상태를 담은, "브라우저 화면과는 분리된" 자바스크립트 객체이기때문에, 접근/수정시 실제 브라우저 화면에 영향을 주지 않아요. 그렇기 때문에 훨신 빠르고요! 리액트의 가상돔은 엄청 대단하고 복잡한 무언가가 아닌, 우리가 빠른 속도로 접근/수정 할 수 있는 그저 자바스크립트 객체라는 것을 알고 계시면 좋을 것 같아요! 😄
@@starcoding 너무 잘 이해되었습니다! 정말로 감사합니다 !!
Goat
제발이분떠라 제발이분떠라 제발이분떠라
제발 떠라 제발 떠라~~ 😆
감사합니다