Vue 12

[Vue] Vue의 데이터바인딩 문법

1. 데이터바인딩 ? 자바스크립트 변수 혹은 데이터를 HTML에 넣는것을 말한다. 일반적으로 자바스크립트에서는 해당 과정을 아래 코드를 통해 데이터바인딩을 했다. 하지만 Vue에서는 이렇게 길게 작성할 필요가 없다. 2. Vue에서의 데이터바인딩 데이터보관함 생성 아래 사진을 보면 빨간색으로 표시해둔 부분을 Vue의 데이터 보관함이라고 한다. 그 후 보관함 안에 모든 데이터를 object 자료형으로 저장하면 된다. 이렇게 작성한 데이터를 HTML에 넣기 위해서는 두개의 중괄호 안에 데이터 이름을 작성하면 된다. 3. 데이터바인딩을 하는 이유 1. HTML에 모든 데이터들을 하드코딩 해두면 나중에 하나하나 변경하기가 어렵다. ( 특히 가격과 같은 가변적인 데이터들은 더욱 까다롭기 때문에 데이터바인딩을 사용..

Vue 2023.02.28

[Vue] Vue 개발환경 세팅

1. Vue.js를 사용하는 이유 Vue의 특징이자 장점을 살펴보자면 접근성이 좋다. 뛰어난 공식 라이브러리와 API 제공 최적화된 렌더링 시스템 -> 개발자가 직접 최적화 수행 X 성능이 좋다. 협업 커뮤니티 등이 있으며, 이 외에도 많겠지만 더 자세한 정보들은 Vue 공식 사이트에서도 확인할 수 있다. -Vue 공식 사이트 참고 https://ko.vuejs.org/ Vue.js - The Progressive JavaScript Framework | Vue.js 접근성 HTML,CSS, 자바스크립트 표준을 기반으로, 쓰기 편한 API와 최고 수준의 문서를 제공합니다. ko.vuejs.org 2. 개발환경 세팅 2.1. nodejs 설치 Vue.js는 자바스크립트 언어를 기반으로 하고 있기 때문에, ..

Vue 2023.02.28