inflearn logo
강의

講義

知識共有

Vue.js 始める - Age of Vue.js

Reactivityの実装

defineProperty()에 대한 질문입니다...

339

dngwoodo6584

投稿した質問数 87

3

1. Object.defineProperty()를 이용하여 데이터를 바꿔주게되면 실제로는 가상돔에 적용되고 싱글파일컴포넌트 부분이 재랜더링이 일어나면서 화면이 바뀌는 건가요?

2. 리액트에서도 setState를 통해 데이터가 바뀌게 되면 재랜더링이 일어나 화면을 그려주게 되는데 vue.js에서 사용하는 Object.defineProperty api를 적용해서 만든건지 궁금합니다.

javascript vuejs

回答 2

1

captain

안녕하세요 dongwoo kim님,

1. 제가 수업에서 구현한 부분은 Reactivity를 이해하기 위해 Object.defineProperty() 메서드로 실제 DOM을 조작한 것입니다. 뷰 라이브러리 내부적으로는 이 원리에 Virtual DOM을 활용하고 있습니다. 아마 제가 알기로는 스냅돔을 쓰고 있었던 것 같아요.

https://github.com/snabbdom/snabbdom

2. 리액트 라이브러리의 내부 구조는 제가 정확히 알지 못해서 답변이 어려울 것 같습니다 :)

0

Wonse Lee

궁금했던 질문과 답변 잘 봤습니다.

개발자 툴에서 Vue가 표시되지 않는 현상.

0

92

2

chrome 확장 devtools 버전 문제

0

81

1

Vue.js not detected가 자꾸 뜹니다

0

81

2

마지막 강의가 안되요

0

55

1

data, computed, watch > Reactivity

0

49

1

f12누르고 개발자도구에 vue 탭이 안생겨요

0

88

1

vue composition api

0

72

1

강의 자료 다운이 될까요?

0

127

1

개발자 도구에서 뷰탭이 안보여요....

0

580

3

프롭스 데이터 질문입니다.

0

111

1

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

0

139

1

화면이 안떠요,, 이전 이후 강의는 뜨는데..

0

235

6

크롬 확장 프로그램 vue devtools 설치했는데

0

525

2

코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.

0

241

1

버튼을 클릭해도 event가 발생하지 않습니다.

0

309

1

vue3 css 경로 표시 문의

1

229

2

개발자도구 vue탭

0

354

1

화면 코드 보기

1

223

2

App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ

1

381

2

html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.

1

884

2

{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...

1

287

2

뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요

1

400

2

다음 단계 강의는...?

1

386

2

버튼을 눌러도 data의 값이 변경되지 않습니다

1

275

2