Vue 인스턴스

모든 Vue 앱은 Vue 인스턴스를 만드는 것부터 시작한다.var vm = new Vue({ // 옵션})Vue 인스턴스를 인스턴스 화 할 때는 데이터, 템플릿, 마운트할 엘리먼트, 메소드, 라이프사이클 콜백 등의 옵션을 포함 할 수 있는 options 객체를 전달해야 한다. 전체 옵션 목록은 를 참고하자.인스턴스는 아래와 같이 정의 할 수 있다. 인스턴스...

Vue.js component

웹 사이트들은 서로 다른 여러 컴포넌트들고 구성이 된다. 이들 컴포넌트들은 더 작은 컴포넌트들로 구성되기도 하며, 재사용되기도 한다. Vue 컴포넌트는 일종의 함수로, 코드를 재사용 할 수 있게 하고 가독성을 높여준다. 일반적인 사이트는 헤더, 탑 메뉴, 사이드바, 컨텐츠, 바닥 글 등의 독립적인 컴포넌트로 구성된다. 이들을 함께 배치해서 사용자 인터페이스...

Vuejs로 Google custom Search를 붙여봤다.

의 문서 검색을 위해서 Solr, ElasticSearch등을 붙여본적도 있었다. 공부는 할 수 있었지만 유지&보수의 귀찮음 그리고 품질 문제 때문에(이것도 결국 귀차니즘의 문제가 되겠다.) 그냥 Google Custom Search를 사용하기로 했다. (구글 맞춤검색)은 구글에서 제공하는 검색 서비스다. 다른 검색 엔진을 만들거나 구축할 필요 없이(ES...

Vue.js 시작

jquery로 노가다 뛰고 있는데, Vue.js라는 녀석이 나와서 해볼려고 한다. 과연 이녀석은 어떨지. 여기에 있는 모든 예제들은 페이지에서 실제 작동하는 예제들이다.Vue는 유저 인터페이스를 만들기 위한 프로그래시브 프레임워크(progressive framework)다. 다른 모놀리틱 프레임워크와는 다르게 Vue는 점진적으로 채택이 가능하게 만들어졌다....

Joinc Tagging 시스템 구현

태깅은 정보를 관리하기 위한 좋은 방법이다. 완전히 공개된 서비스의 경우 태그관리가 까다롭다는 문제가 있지만, 추천시스템에 대한 노하우가 쌓이면서 많은 부분 해결이 된 것 같다. Joinc는 개임위키이니 만큼 관리하기가 훨씬 쉽다. 태그라고 해봐야 100개가 넘지 않을 것 같은데, 이 정도라면 자동완성이나 추천에 신경쓰지 않고 단순하게 구성 할 수 있을...

Vue.js 이벤트 핸들링

v-on 지시자(directive)로 DOM 이벤트를 듣고 Javascript를 실행 할 수 있다.