AI학교

템플릿이란 브라우저에서 볼 수 있는 HTML로 변환해주는 속성입니다. 데이터를 화면에 연결하는 데이터 바인딩과 화면의 조작을 편하게 할 수 있는 디렉티브로 나뉩니다. template 속성에서 정의한 마크업 + 뷰 데이터를 가상 돔 기반의 render() 함수로 변환하고 변환된 render() 함수는 최종적으로 사용자가 볼 수 있게 화면을 그리는 역할을 합니다. 속성과 문법들 - 데이터 바인딩 - 자바스크립트 표현식 - 디렉티브 - 이벤트 처리 - 고급 템플릿 기법 - 필터 Data Binding 콧수염(Mustache) {{ }} 가장 기본적인 텍스트 삽입 방식입니다. Directive v-bind : HTML 속성에 뷰 데이터 값을 연결할 때 사용합니다.

독립적인 기능을 수행하는 소프트웨어 모듈입니다. 화면을 일정 단위로 쪼개 구조화하여 재활용 가능한 형태로 관리할 수 있습니다. 코드의 재사용에 유리합니다. 전역 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있습니다. 지역 컴포넌트는 Vue 인스턴스 내에 Components속성을 추가해 등록할 컴포넌트의 이름과 내용을 정의합니다. 새 Vue 인스턴스가 생성될 때마다 등록해 줘야 합니다. Vue Component 통신 컴포넌트 자체적으로 고유한 유효범위를 갖기 때문에 같은 웹 페이지 내에 있더라도 공유 데이터를 공유할 수 없습니다. 그러므로 데이터 전달 방식이 필요합니다. 1. 부모 -> 자식 : props 전달 2. 부모

특징 1. Vue Instance는 MVVM 패턴의 ViewModel에 해당합니다. 2. Dom(View)와 Plain JavaScript Object(Model) 사이 통신을 해주는 역할을 합니다. 3. Binder를 가지고 있어 View와 Model을 서로 맞춰줘 Data Binding이 자동으로 가능하게 만들어줍니다. Dom Listener : Dom 의 여러 이벤드들을 감지하고 변경된 내용을 Model에 반영합니다 Directives : JavaScript Object에 있는 내용을 View에 드러날 수 있게 해주는 각종 '지시사항'들입니다(선언적) Vue Instance는 스크립트 안에 이런식으로 선언해줄수있습니다. -> el, data, methods, template등으로 인스턴스 옵션 속성..

웹 페이지 화면을 개발하기 위한 라이브러리, 프레임 워크 입니다 라이브러리는 소프트웨어를 개발하기 위해 사용하는 비휘발성 자원이고, 반복된 기능을 재활용할 수 있는 형태로 모아 놓은 것입니다. 기능을 두가지로 나누어 보면 라이브러리로써는 화면단의 데이터 표현에 관한 기능 중심이고, 프레임워크로써는 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 있습니다 Vue.js의 장점 1. 초기 진입 장벽이 상대적으로 낮아 JAVASCRIPT, HTML, CSS에 대한 이해만 있으면 쉽게 적용 가능합니다. 2. Build 작업이 필수가 아닙니다. 3. 타 라이브러리와 프레임워크의 장점을 가지고 있습니다. 4. 가볍고 빠릅니다 Single Page Application(SPA) 기존 웹 개발 방식과 다른 방식으로 브라우..