728x90

Vue 2

[Vue.js] #5 뷰 템플릿(template)이란?

뷰 템플릿(Template)란? : HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성 템플릿에서 사용하는 뷰의 속성과 문법 1) 데이터 바인딩(Data Binding) : HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는것을 의미. {{ }} - 콧수염 괄호 : 뷰 인스턴스의 데이터를 HTML 태그에 연결하는 가장 기본적인 텍스트 삽입 방식. v-bind : 아이디, 클래스, 스타일 등의 HTML 속성 값에 뷰 데이터 값을 연결 할 때 사용하는 데이터 연결 방식 2) 자바스크립트 표현식 3) 디렉티브(Directive) : HTML 태그 안에 v- 접두사를 가지는 모든 속성을 의미. ex) 두잇..

vue.js 2021.11.11

[Vue.js] #1 Vue.js 란? 뷰제이에스

Vue.js 첫 시작하기..! Vue.js란?(보통 '뷰'로 약칭) : 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크. 뷰는 화면단 라이브러리이자 프레임워크라고 볼 수 있다. ※ 프레임워크 : 개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구 ※ 라이브러리 : 자주 사용되는 기능들을 모아 재활용 할 수 있도록 정리한 기술 모음집 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태관리, 테스팅 등을 쉽게 결합 할 수 있는 형태로도 제공. 즉, 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다는 의미. 뷰의 장점 1) 배우기 쉽다. 2) 리액트와 앵귤러에 비해 성능이 우수하고 빠름..

vue.js 2021.11.08
728x90