[Vue.js] 뷰 템플릿이란 ? / 뷰 템플릿 문법
·
Frontend/Vue.js
뷰 템플릿 - HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성 - CDN으로 사용할 땐 ES5 사용 템플릿에서 사용하는 뷰의 속성과 문법 - 뷰 인스턴스의 데이터를 HTML 태그에 연결하는 가장 기본적인 텍스트 삽입 방식 - 아이디, 클래스, 스타일 등의 HTML 속성 값에 뷰 데이터 값을 연결 할 때 사용하는 데이터 연결 방식 두잇 vue.js {{ system }} 두잇 vue.js 뷰 입문서 경고 창 버튼 클릭 ES6version v-on = @ 클릭 watch - 데이터 변화를 감지하여 자동으로 특정 로직을 수행 - computed속성과 유사하지만 compoted는 내장 API를 활용한 간..
[Vue.js] 개발 환경 설정하기
·
Frontend/Vue.js
1. 크롬 브라우저 설치하기 - 웹 브라우저로 크롬 사용 ! (있으시면 패스) - 최신 웹 트렌드와 문법을 빠르게 반영하고 있는 브라우저 https://www.google.co.kr/chrome/?brand=YTUH&gclid=CjwKCAiApaarBhB7EiwAYiMwquv8JhW0sHcpjnlVdqRblR0pP0Z_jMNozRu4sZH9IWRGxIYBfHdoDhoC4z0QAvD_BwE&gclsrc=aw.ds Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게. www.google.com 2. VS Code 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows V..
[Vue.js] Vue.js 란 ?
·
Frontend/Vue.js
vue.js란 ? - 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 - 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제동된다. - 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다는 의미 vue.js의 장점 - 배우기가 쉽다. (html, css, js의 기초만 아는 입문자라도 빠르게 배울 수 있다.) - 리액트와 앵귤러에 비래 성능이 우수하고 빠르다. - 리액트의 장점과 앵귤러의 장점을 가지고 있다. - 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 랜더링 특징을 모두 가지고 있다. Vue.js - UI 화면단 라이브러리 - U화면 개발 방법 중 하나인 MVVM 패..