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