본문 바로가기

Study45

[Vue] 뷰 라우터(router) Vue Router란? Vue 라이브러리를 이용해서 싱글페이지 애플리케이션(SPA)을 구현할 때 사용하는 라이브러리 // 뷰 라이브러리 // 라우터 라이브러리 Login Main router의 path에 해당하는 컴포넌트는 하나이다. 따라서 component로 등록한다 (components X) routes: [ { path: '/login', component: LoginComponent }, ] www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 .. 2020. 12. 6.
[Vue] 같은 컴포넌트 레벨 간의 통신 방법 AppHeader와 AppContent 같이 같은 컴포넌트 레벨 간의 통신 방법에 대해 알아보겠습니다. (1)의 그림과 같이 AppContent에서 AppHeader로 데이터 10을 넘겨주는 방법은 다음과 같다 www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/vue-camp/ Cracking Vue.js joshua1988.github.io 위 강좌를 통해 배운 .. 2020. 12. 6.
[Vue] 컴포넌트 통신 방식 Props, Event emit Vue Component 뷰 컴포넌트는 고유한 데이터 유효 범위를 갖는다. 따라서 컴포넌트 간 데이터를 주고 받을 때는 아래 방식을 따른다. 상위 컴포넌트가 하위 컴포넌트로 데이터를 전송할 때는 props 로 전달한다 하위 컴포넌트가 상위 컴포넌트로 데이터를 전송할 때는 event 로 전달한다 Props Emit www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/v.. 2020. 12. 5.
[Vue] 컴포넌트 Component Vue Component 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능으로 컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다 전역 컴포넌트와 지역 컴포넌트 www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflearn.com joshua1988.github.io/vue-camp/ Cracking Vue.js joshua1988.github.io 위 강좌를 통해 배운 내용을.. 2020. 12. 2.