프론트엔드/Vue.js (2) 썸네일형 리스트형 [Do it! Vue.js 입문] 2일차 컴포넌트(Component) - 조합하여 화면을 구성할 수 있는 화면의 특정 영역 -> 화면을 구조화하여 일괄적인 패턴으로 개발. 코드 재사용 용이 1) 전역 컴포넌트 : 뷰로 접근 가능한 모든 범위에서 사용 가능. 한번 등록하면 어느 인스턴스에서든지 사용 가능 Vue 생성자에 .component() 호출 Vue.component('컴포넌트 이름', { //컴포넌트 내용 }); 뷰 인스턴스 객체가 생성되고 특정 화면 요소에 부착된 후 인스턴스 내용이 변환될 때, 등록된 컴포넌트 내용도 변환 2) 지역 컴포넌트 - 특정 인스턴스 내에선만 유효. 인스턴스를 생성할 때마다 등록해주어야 함 - 인스턴스에 components 속성을 추가하고 이름과 내용 정의 new Vue({ components: { '컴포넌트 .. [Do it! Vue.js 입문] 1일차 Vue.js - 웹페이지 개발의 생산성을 향상을 목적으로 일정한 틀과 규칙에 따라 개발할 수 있도록 미리 화면단의 구조를 정의. - 2014.02 공식배포 - 배우기 쉽고 리액트, 앵귤러에 비해 성능이 우수하고 빠르다는 장점. - MVVM 패턴 : 모델(Model) - 뷰(View) - 뷰모델(ViewModel) : 마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨어 디자인 패턴 - 컴포넌트 기반 프레임워크 : 코드 재사용 용이, HTML 코드엣어서 화면의 구조를 직관적으로 파악 가능. - 앵귤러와 리액트의 장점 결합 : 앵귤러의 양방향 데이터 바인딩과 리액트의 단방향 데이터 흐름을 결합. 가상 돔 렌더링 방식으로 성능 향상 - 뷰로 화면을 개발하기 위해 필수적으로.. 이전 1 다음
