dev_0hoon

- 객체의 속성명과 값 명이 동일할 때 아래와 같이 축약 가능var figures = 10;var dictionary = { //figures: figures, figures}

- 객체의 속성을 메서드로 사용할 때 function 예약어를 생략하고 생성 가능 var dictionary = { // ES5 lookup : function() { console.log('found stg'); }, lookup() { console.log('found stg'); }}: function() 생략 가능

Arrow Function - 화살표 함수- 함수를 정의할 때 function 이라는 키워드를 사용하지 않고 => 대체- 흔히 사용하는 콜백 함수의 문법을 간결화// ES5 함수 정의 방식var sum = function(a, b) { return a + b;}// ES6 함수 정의 방식var sum = (a, b) => { return a + b;}sum(10, 20); 화살표 함수 사용 예시// ES5var arr = ["a", "b", "c"];arr.forEach(function(value) { console.log(value); //a, b, c});// ES6var arr = ["a","b","c"];arr.forEach(value => console.log(value));글자수가 적어짐에 은..

- ES6의 여러가지 문법 중 Vue.js 코딩을 간편하게 해주는 문법 학습- const & let, Arrow Function, Enhanced Object Literals, Modules 학습ES6 ?- ECMAScript 2015와 동일한 용어- 2015년은 ES5(2009년) 이래로 진행한 첫 메이저 업데이트가 승인된 해- 최신 Front-End Framework인 Reack, Angular, Vue에서 권고하는 언어 형식- ES5에 비해 문법이 간결해져서 익숙해지면 코딩을 훨씬 편하게 할 수 있음 Babel- 구 버전 브라우저 중에서는 ES6의 기능을 지원하지 않는 브라우저가 있으므로 transpiling이 필요- ES6의 문법을 각 브라우저의 호환가능한 ES5로 변환하는 컴파일러transpil..

https://vuejs.org/examples/#modal Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.org vue에서는 공식적으로 지원하는 모달이 있다. 뷰에서는 애니메이션과 트랜지션을 라이브러리단에서 지원한다. 그래서 간단히 class에 맞춰 넣기만 해도 사용할 수 있다. slot을 사용할 때에는 사용하려는 컴포넌트 태그로 감싸서 일반태그에 slot을 넣어주거나, template #namedm로 사용할 수 있다. add 경고! 경고! -->    Tr..

인스턴스가 처음 생성될 때 호출되는 라이프사이클 훅이다. 훅이라 함은 생성되는 시점에 created 안에 있는 내용이 한번 실행이 된다. 조회를 가져올 때에 구조가장 상단에서 app을 가져오고 insert 시에 emit을 보내 상단에서 재조회를 한다.update, remove 역시 똑같다.

vue init webpack-simple vue-todo 간단하게 프로젝트를 설치할 때에 init webpack-simple로 만들어주면 된다. 폴더가 만들어지면 폴더에 들어가npm install 해주면 된다.   헤더에 뷰포트를 넣어줘야 모바일 최적화 사이트로 만들 수 있따. https://www.favicon-generator.org/ Favicon & App Icon GeneratorUpload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.www.favicon-generator.org  파비콘

ID: PW: 로그인 위처럼 인풋에 v-model로 data와 연결해주면 인풋에 입력할 때마다 data가 변경된다. 이제 axios를 다운로드 하자https://axios-http.com/kr/docs/intro 시작하기 | Axios Docs시작하기 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리 Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 그것은 동형 입니다(동일한 코axios-http.com $ npm install axios 설치에는 npm말고도 다양한 방법이 있다. 콘솔창에 넣으면 package.json dependency에서 확인이 가능하다. 추가로 이번에 로..