알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

autodesk forge 측량 변경 하기 https://forgegoogledriveviewer.herokuapp.com/# 예제의 디버깅으로 설명 하겠습니다. 여기서 viewerApp 객체가 메인 이 되는 객체입니다. 보면 치수가 이상합니다. forge 에서는 위와 같은 기능을 제공하는데 이기능을 프로그램 적으로 하고 싶은때 사용 방법 입니다. 와 같이 var measureExtension = viewerApp.myCurrentViewer.getExtension('Autodesk.Measure') 객체를 가져 옵니다. 그리고 나서 보면 교정을 하고 나면 해당 부분의 변수가 변하게 됩니다. 위와 같이 교정후에 바뀌게 되는데 난중에 html 로딩후 자바 스크립트로 해당값 바꿔 주면 정확한 치수도 구헌 가..

3D CAD 뷰어 SDK API 예제 사이트 autodesk forge 기반으로 만들어 져있는 예제 사이트 입니다. https://forgegoogledriveviewer.herokuapp.com/#

javascript scroll&pitch 화면 zoom 기능 해당 코드 소개 See the Pen Hammer JS Pinch Pan Zoom Image by backho (@bakho) on CodePen.

vue js component export cdn 파일와 npm export 해당 내용은 참고 자료 : https://dzone.com/articles/how-to-publish-your-vuejs-component-on-npm 해당 내용 한국 번역 : https://steemit.com/vue/@stepanowon/vue-npm Vue 컴포넌트를 npm에 게시하기Vue로 개발하다 보면 만들어진 Vue 컴포넌트를 npm registry에 배포하여 npm install 또는 yarn add 명령어로 어디서나 내려받아 사용하기를원하는 경우가 있습니다. 이 방법을 통해 자신이 만든 Vue 컴포넌트를 손쉽게 공유할 수 있습니다. 이 아티클에서는 여러분이 만든 컴포넌트를 Github에 게시하고 이것을 npm re..

마우스 오버 애니메이션 vue component https://aminerman.com/playground/vuejs-mouse-parallax/

javascript groupby 메소드 정리 아래가 메소드 이며 groupBy(list, keyGetter) { const map = new Map(); list.forEach((item) => { const key = keyGetter(item); if (!map.has(key)) { map.set(key, [item]); } else { map.get(key).push(item); } }); return map; } 사용은 this.machine_lists_map = this.groupBy(this.machine_lists,machine_codes=>machine_codes.machine_code); 위와 같이 배열을 넣어 주고 group by 할 인자를 2번째에서 함수를 작성해 줍니다.

handsontable 에서 getcell undefined 에러 날때 handsontable 에서 cell 이 화면에서 안보이는 상태에서 예를 들면 스크롤바를 움직여서 해당 셀이 안보일때 getcell 메소드를 사용하면 undefined 가 나옵니다. 그래서 selectCell(2,3)getCell(2,3)selectCellByProp(2,10(원래 있었던 컬럼)) 해주면 selectCell 을 해주고 getCell 을 해주면 undefined 가 나오지 않습니다.

vue-paper-dashboard build 후 vue style css 적용 안될때 스타일을 사용 할때 로 lang="scss" 을 추가해 주어야 합니다.

slot-scope 개념은 부모 컴포넌트에서 slot을 사용할때 사용을 합니다. slot에 적용할 template 의 하위 자식 컴포넌트에서 부모의 자원(데이터)을 사용 하려고 할때 사용합니다. 해당 내용은 예제를 통해서 하는것이 훨씬 직관적일 적 같습니다. 예를 들면 다음과 같은 코드가 있습니다. 다음과 같은 자식이 있습니다. 여기서 중요한 부분만 보겠습니다. 부모에서 의 slot 에서 :item와 :index 을 상속으로 내려 줍니다. 그럼 자식에서 템플릿을 만들때 와 같이 slot-scope="props" 를 사용해서 자식 컴포넌트에서 해당 데이터를 받아서 사용할수 있게 됩니다. 여기서 props 은 꼭 props 가 아니여도 됩니다. 다른것으로 해도 매칭만 되면 상관없습니다. 또한 똑같은 결과 입..

promise loop foreach 동기화 기존 Promise 강의(http://idlecomputer.tistory.com/147?category=791974) 이후 강의 입니다. javascript 를 사용 하다보면 단순 동기화가 아닌 동적인 배열을 받아서 배열 많큼 반복문을 해주는데 이 반복문을 동기화 시켜서 프로그램을 작성해야 할때가 있습니다. 기존의 promise ALL (출처 : http://programmingsummaries.tistory.com/325) var promise1 = function () { return new Promise(function (resolve, reject) { // 비동기를 표현하기 위해 setTimeout 함수를 사용 window.setTimeout(fun..