자유로운 개발생활

안녕하세요. 이전에 agGrid에 대한 기초와 컬럼 서식 정의에 대해 설명드렸는데 https://dong-queue.tistory.com/58 Vue ag-Grid : 컬럼 서식 정의 이전에 Vue에서 ag-Grid를 설치 사용하는 법에 대해 간략하게 적어보았습니다. https://dong-queue.tistory.com/57 Vue에서 ag-Grid 사용하기 안녕하세요. 이번에는 강력한 무료 data grid 도구인 AG grid를 Vue에.. dong-queue.tistory.com 이번에는 ag grid에서 합계를 지정하는 방법에 대해 적어보겠습니다. 우선 예제는 이전과 동일합니다. 그리드 형태는 아래와 같습니다. Make Model Grade Price Stock 현대 아반떼 준중형 2000 1 ..

안녕하세요. 사실 제목을 뭐라고 지어야 할지 몰라 일단 트리 구조라고 지었는데.. function을 개발하게 된 상황은 이렇습니다. 1. data object 구조 const nationalities = [ {code: 'KR', text: 'Korea'}, {code: 'CN', text: 'China'}, {code: 'JP', text: 'Japan'}, {code: 'HK', text: 'Hongkong'} ] var data = [ { name: 'jin', nationality: 'CH', children: [ { name: 'jinA1', nationality: 'CH' }, { name: 'jinA2', nationality: 'HK', children: [ { name: 'jinA2B1'..

안녕하세요. 이번 올릴 주제는 mixin 을 이용하여 공통으로 사용하는 로직을 여러 component에서 공유하는 방법입니다. 중복을 제거하여 component의 size도 줄이고 코드가 분산되지 않아 유지보수성도 높일 수 있습니다. :) mixin에 대한 설명은 vuejs.org에 아래와 같이 설명되어 있습니다. 전달인자: {Object} mixin 사용방법: 전역으로 mixin을 적용합니다. 생성된 모든 Vue 인스턴스에 영향을 줍니다. 플러그인 작성자가 컴포넌트에 사용자 정의 동작을 주입하는데 플러그인을 사용할 수 있습니다. 애플리케이션 코드에서는 추천하지 않습니다. https://kr.vuejs.org/v2/api/#Vue-mixin API — Vue.js Vue.js - 프로그레시브 자바스크립트..