Vue.js

Vue.js는 웹 화면을 개발하기 위한 Front-end 프레임워크이다.Vue.js이외에도 React.js, Angular.js, Svelte 등 여러 프레임워크들도 존재한다.Vue 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만, 프레임워크

Vue.js는 UI 화면 개발 방접 중 하나인 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리이다.MVVM 패턴은 안드로이드 UI를 제작할 때에도 데이터 바인딩을 하기 위해 쓰이기도 한다.정의 : 마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리

뷰 인스턴스는 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위이다.인스턴스를 생성하기 위해서는 new Vue()를 사용하여 생성한다.상단의 노란색 상자안의 속성에는 el, data가 존재한다.Vue() 생성자를 선언하면 내부에 있는 el 속성에 의해 지정한

라이프 사이클은 인스턴스 상태에 따라 호출할 수 있는 속성을 칭한다.이것은 vue에만 있는것은 아니고 리엑트 앵귤러 심지어 모바일 프로그래밍을 할 때도 사용한다.vue에서는 생명주기를 라이프사이클이라고 하며 각 라이프사이클에서 수행하는 로직을 라이프 사이클 훅 이라고

컴포넌트(component)는 조합하여 화면을 구성할 수 있는 블록(화면 특정 영역)을 의미한다.컴포넌트를 활용하면 화면을 빠르게 구조화 하여 일괄적인 패턴으로 개발을 할 수 있다.화면영역을 컴포넌트로 쪼개서 개발을 하면 코드의 재활용을 할 수 있어서 다시 사용하기가

공부를 하다가 vue3가 나왔다는 것을 알게 되었다.현재 내가 공부하는 버전은 vue2.5로 공부하고 있었는데, 공부하는 김에 새로운 버전인 Vue3로 공부를 하기로 결정 하였다.Vue3을 사용하기 위해서는 먼저 npm으로 vue를 설치해야한다.해당 모듈은 뷰 프로젝트

프로젝트 설치가 완료되면 많은 파일들이 생기게 된다.여기서 중요한 파일들 몇가지를 살펴 보도록 하자해당 파일은 프로젝트의 정보를 정의하고, 의존하는 패키지 버전 정보를 명시하는 파일이다.일반적으로 프로젝트의 제일 상단(루트) 부분에 존재한다.해당 파일의 최상단에는 위

라우터는 경로를 정해주는 공간으로 각 경로를 선언해주는 부분이 존재한다.경로를 지정해줄 때는 사용할 경로 path와 경로의 이름, 경로에 연결해줄 컴포넌트로 이루어져있다.컴포넌트를 지정해주는 방법에는 3가지가 존재한다.상단 import를 하여 컴포넌트를 추가하는 방법과

뷰 컴포넌트를 보관하는 폴더는 총 2가지로 관리가 된다1\. views2\. components먼저 views 폴더는 각 페이지 화면 전체 큰 레이아웃을 구성하는 파일을 보관한다.components에는 화면을 구성할 때 재사용이 가능한 컴포넌트(단위 UI)를 보관한다.