분류 전체보기
vue.js 공식문서 따라하기 - 템플릿 문법(Template Syntax)
* 공식문서 kr.vuejs.org/v2/guide/syntax.html 를 공부하며 작성한 글입니다. Vue.js는 렌더링 된 DOM을 기본 Vue 인스턴스의 데이터에 선언적으로 바인딩 할 수있는 HTML 기반 템플릿 구문을 사용합니다. 모든 Vue.js 템플릿은 스펙을 호환하는 브라우저 및 HTML 파서로 구문 분석 할 수있는 유효한 HTML입니다. 내부적으로 Vue는 템플릿을 가상 DOM 렌더링 함수로 컴파일 합니다. 반응형 시스템과 결합된 Vue는 앱 상태가 변경 될 때 최소한으로 DOM을 조작하고 다시 적용할 수 있는 최소한의 컴포넌트를 지능적으로 파악할 수 있습니다. 가상 DOM 개념에 익숙하고 JavaScript의 기본 기능을 선호하는 경우 템플릿 대신 렌더링 함수를 직접 작성할 수 있으며 ..
[내돈내산] 로지텍 무선 게이밍 마우스 G304 개봉기
사무실에서 사용하던 마우스가 고장난 타이밍에 뽐뿌에서 올라온 핫딜! 로지텍 G304!! 사실 무슨 마우스인지 모르고 괜찮은 마우스라고 해서 사버린 충동적인 마우스..개봉기 작성해봅니다 G304 구성품 열어보니 마우스, AA 배터리, 연장케이블, 설명서, G로고 스티커가 나옵니다. 연장 케이블 설명입니다 저는 사무실에서 쓰려고 샀기때문에 사용할 일은 없을것 같습니다. G304 개봉 예전 M221 사용할땐 아래쪽을 열어서 배터리를 넣었는데 G304는 위에를 열면 배터리 와 USB가 나옵니다. 아래에 전원 버튼이 있습니다 파란색으로 옮겨야 사용 가능합니다. 센서는 HERO 센서가 탑재되어 있습니다. HERO 센서는 높은 전력 효율성과 빠르고 정확한 반응성을 제공합니다. 400IPS 이상의 속도로 더욱 정확하고..
vue.js 공식문서 따라하기 - vue 인스턴스(Instance)
vue 인스턴스(Instance) 만들기 모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작합니다. var vm = new Vue({ // 옵션 }) vm 이름으로 Vue인스턴스를 생성한다. 해당 내용은 하위의 내용으로 설명을 하는게 이해가 빠르기 때문에 바로 다음으로 넘어가겠습니다. 데이터와 메소드(Data and Methods) vue 인스턴스를 생성할때 option에서 선언하는 모든 속성이 반응형 시스템으로 생성됩니다. 속성이 변경될때 vue가 반응하여 해당 해당 속성을 바라보고 있는 속성도 업데이트 됩니다. 글로는 설명이 어려우니 공식문서의 소스를 보고 설명 하겠습니다. var data = { a: 1 } // Vue인스턴스에 데이터 객체를 추가합니다. var vm = new..