코드스피츠 강의 중 객체지향프로그래밍과 디자인패턴에 대한 전반적인 개념 및 철학과 몇몇 디자인패턴들의 특징에 대해서 학습한 내용을 공유하고자 합니다.
코드스피츠 3rd-4 ES6+ 디자인패턴과 뷰패턴 2회차를 직접 보신 후에 복습용으로 이 글을 읽어 보시길 추천합니다.
| Home | Archives | Categories | Tags | About |
|
VueJS | Stock-Trader Project Tutorial (4)
이 포스팅은 Max의 Vuejs 강좌 내용을 정리한 것이고, VueJS의 개념을 익히고 연습해보기 위한 튜토리얼을 다룬 글 입니다.
이번 포스팅은 Stock-Trader Project Tutorial의 마지막 편입니다.Filter, Animation 을 추가하고 vue-resource를 활용해 Firebase와 연결해서 데이터를 저장하고 불러오는 기능까지 구현하여 이번 튜토리얼을 마치려고 합니다.
VueJS | Stock-Trader Project Tutorial (3)
이 포스팅은 Max의 Vuejs 강좌 내용을 정리한 것이고, VueJS의 개념을 익히고 연습해보기 위한 튜토리얼을 다룬 글 입니다.
이전 포스팅에서는 vuex를 활용한 프로젝트의 상태 관리 환경 세팅과 vuex의 기본적인 사용방법에 대해서 알아 보았습니다. 이번 포스팅에서는 또 다른 컴포넌트의 상태 관리 설정을 추가하고 컴포넌트 간의 상태 변화에 따라 뷰가 갱신될 수 있도록 구현해보겠습니다.
VueJS | Stock-Trader Project Tutorial (2)
이 포스팅은 Max의 Vuejs 강좌 내용을 정리한 것이고, VueJS의 개념을 익히고 연습해보기 위한 튜토리얼을 다룬 글 입니다.
이번 포스팅에서는 프로젝트의 상태 관리를 위한 vuex 환경을 세팅하고 상태 변화에 따라 View의 변화를 확인 할 수 있도록 구현하고자 합니다.
VueJS | Stock-Trader Project Tutorial (1)
이 포스팅은 Max의 Vuejs 강좌 내용을 정리한 것이고, VueJS의 개념을 익히고 연습해보기 위한 튜토리얼을 다룬 글 입니다.
프로젝트 소개
이 프로젝트는 아래의 영상과 같이 VueJS를 활용해서 간단한 모의 주식 시스템을 만들어보는것 입니다.
주식 리스트들이 있고 End Day 버튼을 누르면 시세가 랜덤하게 변경되고 시세에 따라 사고 팔고하는 리스트가 저장되도록 만들어 보는것 입니다.
vue-router, vue-resource, vuex를 활용해서 간단한 VueJS 프로젝트를 구성해보고 개념을 익히는 것이 목적입니다.
개인적으로 학습을 하면서 느꼈던 것이 이렇게 전체적으로 프로젝트를 구성하는 튜토리얼을 따라해보는 것이 많은 도움이되었던것 같아 본인의 개념도 좀 더 다지고 공부한 내용을 공유하고자 이 포스팅을 시작하게 되었습니다. 심도 있는 내용은 아니기 때문에 초보자 분들에게 도움이 되었으면 합니다.
