Front

vuex - 상태 관리 라이브러리 개요 - 복잡한 애플리케이션의 컴포넌트들을 효율적으로 관리하는 vuex 라이브러리 소개 - vuex 라이브러이의 등장 배경인 Flux 패턴 소개 - vuex 라이브러리의 주요 속성인 state, getters, mutations, actions 학습 - vuex 를 더 쉽게 코딩할 수 있는 방법인 Helper 기능 소개 - vuex 로 프로젝트를 구조화 하는 방법과 모듈 구조화 방법 소개 vuex 란? - 무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리 - React의 Flux 패턴에서 기인함 - vue.js의 중고급 개발자로 성장하기 위한 필수 관문 vuex 가 왜 필요할까? vuex말고 이벤트 버스로 해결? - 어디서 이벤트를 보냈는지 혹..

화살표 함수 1. 함수를 정의할때 function 이란 키워드를 사용하지 않고 => 로 대체 2. 흔히 사용하는 콜백 함수의 문법을 간결화 // ES5 함수 정의 방식 var sum = function(a, b){ return a + b; }; // ES6 var sum = (a, b) => { return a + b; } sum(10, 20); // ES5 var arr = ['a', 'b', 'c']; arr.forEach(function(value){ console.log(value); // a, b, c }); // ES6 var arr = ['a', 'b', 'c']; arr.forEach(value => console.log(value)); // a, b, c Modules - 자바스크립트 모..

https://kr.vuejs.org/v2/guide/transitions.html 진입/진출 그리고 리스트 트랜지션 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org vue 는 애니메이션, 트렌지션이 프레임워크 자체에서 지원된다. {{ todoItem.item }}

https://kr.vuejs.org/v2/examples/modal.html 모달 컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org slot은 부모 컴포넌트에서 자식 컴포넌트의 엘리먼트를 지정할때 사용한다. 부모에 따라서 자식의 컴포넌트에 영향을 받을 테니, 컴포넌트 재사용성면에서 좋은 장점을 가진다. 또한 범위 있는 slot을 통해 컴포넌트 내에서도 잘게 쪼개서 재사용이 가능하다. default header default body 할 일 입력 안하고 add 버튼 눌렀을시 경고창 구현 경고! 할 일을 입력하세요

반응형 뷰 포트는 굳이 따로 연결안해도 기본으로 연결되어있음 https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag Viewport meta tag - HTML: HyperText Markup Language | MDN This article describes how to use the "viewport" tag to control the viewport's size and shape. developer.mozilla.org 파비콘 만드는 사이트 ↓ https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GI..

header input list footer

컴포넌트 설계 기본적으로 컴포넌트는 많이 찢을 필요가 없다. (강의에선 많이 찢어논게 vue.js 익히기위해) app을 구현하다 보면 컴포넌트가 많아진다 컴포넌트 간의 데이터 통신, 구조화 방법을 익혀야한다. 이벤트, props 내리는것 까지 실무에서는 Header 같은 경우에 Header 옆 버튼, 아이콘 손 쉽게 넣을수 있게 컴포넌트를 찢어 놓은게 컴포넌트의 사용성이 높아진다 판단했다. 저자는 잘게 찢을수록 컴포넌트의 재사용성이 높아진다 생각했다. 컴포넌트 설계같은건 주관적일수 있다. 프로젝트에 맞춰서 사용하기

router-> 페이지를 이동할때 사용하는 뷰 공식 라이브러리 설치 -> CDN 방식으로 스크립트로 주입, NPM 방식 뷰 라우터 등록 -> 라우터 인스턴스를 만들고, 뷰 인스턴스를 만들고 라우터 인스턴스를 뉴 인스턴스에 연결 toutes -> 페이지에 정보들이 들어가는 속성, 페이지의 url과 component를 연결하는 속성 router-link -> 실제 뿌려질땐 로 뿌려지는 페이지 링크 태그 라우터 안에는 components 가 아니라 component 다. 해당 페이지마다 뿌려질 component는 무조건 하나기 때문에. https://joshua1988.github.io/web-development/vuejs/vue-router-navigation-guards/#%EB%84%A4%EB%B9%8..

router를 쓰고 router의 url로 이동하면 태그 안에 router 의 해당 url 컴포넌트가 출력된다

뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리 뷰 라우터 설치 CDN방식과 NPM 방식 2가지가 있음 CDN 방식은 https://router.vuejs.org/installation.html Installation | Vue Router Installation Direct Download / CDN https://unpkg.com/vue-router@4 Unpkg.com provides npm-based CDN links. The above link will always point to the latest release on npm. You can also use a specific version/tag via URLs like https://unpkg...