Front-End
-
[Vue.js] 기본 문법, 디렉티브 사용 v-bindFront-End/Vue.js 2022. 11. 13. 10:43
Vue.js의 기본 개념과 data, method는 이전 포스팅에서 알아봤다. 이번엔 vue에 문법에 대해 알아보려고 한다. https://wonisdaily.tistory.com/140 [Vue.js] 개념과 기본문법 살펴보기 (data, method) 📑 Vue.js란? 프론트엔드 개발을 쉽게하기 위한 react와 함께 대중적인 오픈소스 javascript 프레임워크이다. MVVM 패턴의 ViewModel에 해당하며, UI 코드와 데이터제어 제어 로직을 분리한다. SPA(Single Page wonisdaily.tistory.com 📑 v- bind 지금까지 {{mustached}} 기호를 통해 Vue 내의 값 혹은 함수를 불러왔다. 하지만 만약 문자열을 출력해야 하는 간단한 경우가 아니라 HTML ..
-
[Vue.js] 개념과 기본문법 살펴보기 (data, method)Front-End/Vue.js 2022. 11. 13. 10:01
📑 Vue.js란? 프론트엔드 개발을 쉽게하기 위한 react와 함께 대중적인 오픈소스 javascript 프레임워크이다. MVVM 패턴의 ViewModel에 해당하며, UI 코드와 데이터제어 제어 로직을 분리한다. SPA(Single Page Application)를 구축하는데 이용 가능하다. 📌 view(html DOM) : 사용자에게 보이는 화면. 📌 Model(JS) : 데이터를 담는 용기, 보통 서버에서 가져온 데이터를 javascript 객체로 저장 📌 ViewModel : View와 Model의 중간 영역으로 DomListener와 DataBinding을 제공하는 영역 📌 DOM : HTML 문서에 들어가는 요소(tag, class, attribute 등)의 정보를 담고있는 데이터 트리 📌 ..