분류 전체보기101 [Vue] 템플릿 문법 computed, v-if, v-show 템플릿 문법 Vue를 사용하여 화면을 조작하는 것으로 크게 1) 데이터 바인딩, 2) 디렉티브로 나뉩니다. 1) 데이터 바인딩 Vue Instance에서 정의한 속성들을 화면에 표시하는 방법입니다. 가장 기본적인 데이터 바인딩 방식은 콧수염 괄호(Mustache Tag)입니다. {{ message }} new Vue({ data: { message: 'Hello Vue.js' } }) 2) 디렉티브 Vue로 화면의 요소를 더 쉽게 조작하기 위한 문법입니다. 화면 조작에서 자주 사용되는 방식들을 모아 디렉티브 형태로 제공하고 있습니다. Hello Vue.js {{ item }} new Vue({ data: { show: false items: ['shirts', 'jeans', 'hats'] } }) 이외.. 2020. 12. 6. [Vue] HTTP 통신 라이브러리 - Axios 엑시오스 Axiso 란? Vue에서 권고하는 HTTP 통신 라이브러리이다. Promise(JS의 비동기적 패턴) 기반의 HTTP 통신 라이브러리로 상대적으로 다른 HTTP 통신 라이브러리들에 비해 API가 다양하다. 자바스크립트의 비동기 처리 패턴 callback promise promise + generator async & await get user {{users}} www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워 www.inflear.. 2020. 12. 6. [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. 이전 1 ··· 8 9 10 11 12 13 14 ··· 26 다음
