meeyoungchoi-front-dev / super_coding

슈퍼코딩 프론트엔드 부트캠프
0 stars 0 forks source link

Two-way binding이란 #9

Open meeyoungchoi-front-dev opened 6 months ago

meeyoungchoi-front-dev commented 6 months ago

컴포넌트 내에서 JavaScript(Model)와 HTML(View) 사이에 ViewModel이 존재하여 하나로 Binding되어 둘 중 하나만 변경되어도 함께 변경(동기화)되는 것을 의미한다. 데이터의 변경을 프레임워크에서 감지하고 있다가 사용자 입력값에 따라 JS의 데이터(Model)가 변경되고, JS 데이터(Model)가 변경되면 사용자의 화면(View)도 변경된다. 컴포넌트 간에서 부모 컴포넌트에서 자식 컴포넌트로는 Props를 통해 데이터를 전달하고, 자식 컴포넌트에서 부모 컴포넌트로는 Emit Event를 통해서 데이터를 전달하는 구조이다.