잡다한 지식의 블로그

Vue.js에서 Data란? - 객체 혹은 함수의 형태로 Vue 인스턴스가 사용할 정보를 가지고 있는 속성. Vue.js에서 Data를 사용하는 이유 - 원할때마다 원하는 값으로 바꾸어 사용하는 반응형 Data이다. Vue.js에서 Method란? - Vue 인스턴스가 사용할 함수를 저장하고 있는 속성. Vue.js에서 Data와 Method 예 {{ nextYear('안녕') }}

Vue.js 인스턴스란? - 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위. Vue.js 인스턴스의 유효 범위 - HTML 특정 범위 안에서만 옵션 속성들이 적용되어 나타난다. Vue.js 인스턴스의 라이프 사이클 인스턴스 생성 - beforeCreate - created - beforeMount - mounted - 인스턴스를 화면에 부착 - beforeUpdate - updated - 인스턴스 내용 갱신 - beforeDestroy - destroyed - 인스턴스 소멸 Vue.js 인스턴스 옵션 속성 - el : 인스턴스가 그려지는 화면의 시작점. - template : 화면에 표시할 요소 - data : 뷰의 반응성이 반영된 데이터 속성 - methods : 화면의 통작과 이벤트 ..

Vue.js란? - 사용자 프론트엔드를 쉽게 개발하기 위한 오픈소스 JavaScript 프레임워크. - MVVM 패턴의 View모델에 해당하여, UI코드와 데이터제어 로직을 분리. - Single Page Application를 구축하는데 이용. Vue.JS의 특징 - 데이터의 변경사항은 자동으로 UI화면에 반영되며 UI화면에서 입력한 사용자의 입력 정보가 데이터를 업데이트 ->양방향 데이터 바인딩 - 컴포넌트 기반 아키텍쳐를 사용하여 UI를 재사용 가능한 작은 컴포넌트로 조립하여 전체 화면을 구성할 수 있도록 해준다. - 가상 DOM을 통해 변경된 부분만 업데이트하고 필요한 최소한의 DOM 조작을 수행하여 빠른 렌더링 속도와 효율적인 업데이트 관리를 제공. Vue.js의 장점 - React, Angul..