vue.js

vue는 효과적인 프론트엔드 개발을 지원하는 프레임워크입니다.

작성자

조덕기

조덕기

DanielCho

vue.js

개요

2017~2018년을 거치면서 웹 프론트엔드 기술에서 가장 큰 변화는 Angular, Vue, React와 같은 프론트엔드 프레임워크의 경쟁, 도입, 대중화를 꼽을 수 있습니다. 특히 가볍고 친숙하며, 앞서 나온 Angular와 React의 장점들을 받아들이며 급격하게 성장한 VueJS의 등장은 매우 의미있는 변화입니다.

만약 내가 개발하려는 웹 개발 프로젝트에 어떤 프레임워크가 적절할지 궁금하시다면, 2018년 11월에 진행된 W3C HTML5 Conference의 Deep Dive Into Modern Frameworks 발표를 참고하시기 바랍니다.

VueJS의 가장 큰 장점 중 하나는 충실한 한글화와 적극적인 커뮤니티가 아닐까 생각합니다. 그만큼 VueJS는 공식 가이드/튜토리얼만으로도 충분한 정보를 얻을 수 있습니다. 아래의 공식 가이드를 참고하시고, ToDo List 생성과 같은 SPA를 실습해보시면서 시작하실 수 있습니다.

참고 자료

공식 가이드

튜토리얼 (2018)

VueJS 실습 - todoList#1 메인 페이지 레이아웃 및 Data binding

VueJS 실습 - todoList#2 vue component

VueJS 실습 - todoList#3 vue router

VueJS 실습 - todoList#4 vue life cycle

VueJS 실습 - todoList#5 vue computed VS watch

VueJS 실습 - todoList#6 vue directive

VueJS 실습 - todoList#7 양방향 바인딩, v-model

VueJS 실습 - todoList#8 filter & plugin 사용법

VueJS 실습 - todoList#9 Vuex

튜토리얼 (2017)

VueJS 가이드 1 - 개발 계획

VueJS 가이드 2 - 데이터 구조

VueJS 가이드 3 - 설정 및 프로젝트 구조

VueJS 가이드 4 - 계정 만들기 및 보기 (1/2)

VueJS 가이드 4 - 계정 만들기 및 보기 (2/2)

VueJS 가이드 5 - 계정 수정 및 삭제 (1/2)

VueJS 가이드 5 - 계정 수정 및 삭제 (2/2)

VueJS 가이드 6 - Vue.js 애플리케이션에 LocalStorage 추가하기 (1/3)

VueJS 가이드 6 - Vue.js 애플리케이션에 LocalStorage 추가하기 (2/3)

VueJS 가이드 6 - Vue.js 애플리케이션에 LocalStorage 추가하기 (3/3)

VueJS 가이드 7 - 인터루드 & 리펙터

VueJS 가이드 8 - 예산

VueJS 가이드 9 - 예산 끝내기 (1/7)

VueJS 가이드 9 - 예산 끝내기 (2/7)

VueJS 가이드 9 - 예산 끝내기 (3/7)

VueJS 가이드 9 - 예산 끝내기 (4/7)

VueJS 가이드 9 - 예산 끝내기 (5/7)

VueJS 가이드 9 - 예산 끝내기 (6/7)

VueJS 가이드 9 - 예산 끝내기 (7/7)

VueJS 가이드 10 - 스타일링과 네비게이션 (1/2)

VueJS 가이드 10 - 스타일링과 네비게이션 (2/2)

VueJS 가이드 11 - Vue.js 다이나믹 컴포넌트로 예산 마무리하기 (1/2)

VueJS 가이드 11 - Vue.js 다이나믹 컴포넌트로 예산 마무리하기 (2/2)

VueJS 가이드 12 - Transaction 설계하기

VueJS 가이드 13 - Transaction (1/4)

VueJS 가이드 13 - Transaction (2/4)

VueJS 가이드 13 - Transaction (3/4)

VueJS 가이드 13 - Transaction (4/4)

VueJS 가이드 14 - 유저 테스트 (1/3)

VueJS 가이드 14 - 유저 테스트 (2/3)

VueJS 가이드 14 - 유저 테스트 (3/3)

Tags : vue javascript framework 

comments powered by Disqus