여행을 개발하다

Vue.js에서의 데이터 바인딩 방법에 대해 알아본다. 1. 데이터 바인딩(Data-Binding)이란? 바인딩(Binding)이란 묶는다는 의미로, 웹 프로그래밍에서는 UI를 통해 표시하고자 하는 데이터를 실제 데이터와 연결해 주는 프로세스를 의미한다. 말이 길어지니 조금 어렵게 느껴질 수 있는데, 아래 HTML을 같이 살펴보면서 이야기해 보자. 위 HTML 소스 안에는 id가 'vue'인 div 태그 안에 input 태그가 하나 있다. 그런데 개발자는 DB 단에서 혹은 사용자가 보고 싶은 데이터를 가져와서 input 태그에 표시해 주고 싶다. 이때, 사용자가 보고 싶은 데이터를 input 태그에 넣어주는 것, 즉 연결해 주는 것을 데이터 바인딩이라고 한다. 2. Vue.js에서의 데이터 바인딩 Vue..