반응형

Programming/Javascript 5

Vuejs async하게 component import 하기

https://forum.vuejs.org/t/vue2-async-components-examples/2066/4 호환성을 위해 일반적인 방식으로 만들어진 함수 사용 function loadComponent(opts) { var script = document.createElement('script'); opts.onLoad = opts.onLoad || function() {}; opts.onError = opts.onError || function() {}; script.src = opts.path; script.async = true; script.onload = function() { var component = Vue.component(opts.name); if (component) { opts..

SVG 를 Canvas로 옮기기전에 유의해야 할점

Javascript에서 D3와 같은 라이브러리를 사용해서 SVG를 만드는 일을 할때 브라우저 상의 SVG 객체를 SVG 파일화 시키거나 PNG로 저장하는 것이 필요할 떄가 있다. 이때 중요한 점은 SVG를 XML화 시킬때 CSS 내의 데이터는 참조가 되지 않는다는 점이다. Web SVG의 Path 객체를 SVG화 시킬때 계속 fill 속성이 없어져서 기본값인 검은색으로 나왔는데 fill 속성을 CSS가 아닌 자체 attribute로 옮긴 후 제대로 나오기 시작한다.

Windows 환경에서 nodejs module을 npm으로 설치했을때

node.js를 이용해서 간단한 서버를 하나 구현하고 있는데 mysql을 사용해야 해서 node-mysql module을 설치하였습니다. 나와있는대로 npm을 이용하여 간단히 설치했는데 문제는 실제 소스파일 require('mysql')에서 mysql module을 찾지 못하였습니다. 이유를 찾아보니 1. 우선적으로 npm을 이용하여 module을 설치했을때의 경로가 C:\Users\\AppData\Roaming\npm\node_modules 에 설치가 되었습니다. 기본적으로 이 곳은 환경변수에 등록되어 있지 않으니 nodejs의 설치 폴더로 module을 옮겼습니다. 그래도 오류가 납니다... 2. Windows7 환경에서만 그런건지? cmd를 열어서 node나 npm을 실행시키면 실행된 폴더만을 기준..

반응형