Vuex HelperVuex의 각 속성들을 더 쉽게 사용하는 방법 - HelperStore에 있는 아래 4가지 속성들을 간편하게 코딩하는 방법state -> mapStategetters -> mapGettersmutations -> mapMutationsactions -> mapActionsHelper의 사용법helper를 사용하고자 하는 vue 파일에서 아래와 같이 해당 helper를 로딩만약 헬퍼를 사용하지 않았다면, State에 정의 된 num에 접근하려면 this.$store.state.num 와 같이 접근해야 한다.생소하게 보이는 mapState앞에 있는 ...은 ES6의 Object Spread Operator이다.Vue.js를 위한 ES6 정리 내용 링크//App.vue import { ma..
Vuex Intro상태 관리 라이브러리 Intro복잡한 애플리케이션의 컴포넌트들을 효율적으로 관리하는 Vuex 라이브러리 소개Vuex 라이브러리의 등장 배경인 Flux 패턴(React) 소개Vuex 라이브러리의 주요 속성인 state, getters, mutations, actions 학습Vuex를 알기 전의 개념으로는 각각 data, computed, method, 비동기 method라고 생각하면 된다.Vuex를 더 쉽게 코딩할 수 있는 방법인 Helper 기능 소개Vuex로 프로젝트를 구조화하는 방법과 모듈 구조화 방법 소개Vuex란?무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리React의 Flux 패턴에서 기인함Vue.js 중고급 개발자로 성장하기 위한 필수 관문Flu..
ES6 for Vue.jsIntroES6의 여러가지 문법 중 Vue.js 코딩을 간편하게 해주는 문법 학습const & let, Arrow Function, Enhanced Object Literals, Modules 학습ES6 란?ECMAScript 2015와 동일한 용어2015년은 ES5(2009년)이래로 진행한 첫 메이저 업데이트가 승인된 해최신 Front-End Framework인 React, Angular, Vue에서 권고하는 언어 형식ES5에 비해 문법이 간결해져서 익숙해지면 코딩을 훨씬 편하게 할 수 있음Babel구 버전 브라우저 중에는 ES6의 기능을 지원하지 않는 브라우저가 있으므로 transpiling이 필요ES6의 문법을 각 브라우저의 호환 가능한 ES5로 변환하는 컴파일러module..
Vue Templates누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue로 그리는 화면의 요소들, 함수, 데이터 속성은 모두 Templates 안에 포함된다.IntroVue는 DOM의 요소와 Vue 인스턴스를 매핑할 수 있는 HTML Template을 사용html 표준 태그들과 함께 Vue의 스페셜 프로퍼티들(v-bind, v-for 등)을 함께 사용했을 때, 마지막에 브라우저가 그려내는 것들에는 뷰의 반응적인 속성들까지 결합된 화면이 그려져 나온다. 예를 들면, 라이프 사이클에서 얘기했던 것처럼, 뷰에 맵핑된 데이터를 가지고 있는 템플릿 태그의 데이터가 변환이 되면 자동적으로 태그가 DOM을 업데이트 한다. 화면의 요소를 자동으로 갱신한다고 보면 된다.Vue..
Vue Resource누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue에서 HTTP 통신을 위해 제공하는 플러그인es6에서는 아래와 같이 다운로드, 웹팩을 사용하지 않는 경우에는 뷰 리소스 cdn을 통해서 실행하면 된다.주의할 점은 현재 공식 지원은 중단했다. 이유는 라이브러리에 제한을 두지 않고 사용자들의 선택권을 넓히기 위함이라고 한다.npm install vue-resource --save위의 명령어로 설치 후 Root Vue Instance를 선언하는 js파일에 아래와 같이 등록// 후에 배울 Single File Component 구조 기준 import VueResource from 'vue-resource'; ... Vue.use(VueResourc..
Vue Routers누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Intro일반적으로 뷰에서 화면이 전환될 때, 전환하는 행위를 Route라고 표현한다. 뷰에서는 SPA를 제작할 때 유용한 라우팅 라이브러리로 Vue Routers를 제공하고 있다.SPA에 대하여일반적으로 웹 어플리케이션은 해당 웹 페이지를 서버에 요청하고, 서버가 html을 돌려 줬을 때 그것을 랜더링 엔진을 통해 화면에 보여준다. SPA는 해당 화면에 대한 정보를 미리 가지고 있다가, 해당 화면으로 넘어갈 때 서버에 요청하는 것이 아니라 클라이언트 내부적으로 라우터를 이용해서 서버에 요청하지 않고(데이터를 받아오지 않고)도 화면을 매끄럽게 전환할 수 있게 해준다.Vue는 코어 라이브러리 외에 R..
- Total
- Today
- Yesterday
- 젠킨스
- Recursion
- ORM
- vuejs
- Spring Boot
- Java
- RBT
- 한밭이글스
- Wisoft
- 라즈베리파이
- Vue.js
- Spring
- JPA
- vuex
- 시간복잡도
- springboot
- Raspberry Pi
- 무선통신소프트웨어연구실
- 레드블랙트리
- 자바
- 정렬
- 순환
- Algorithm
- 알고리즘
- 한밭대학교
- github
- AWS
- IT융합인력양성사업단
- 스프링부트
- 인프런
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |