구차니의 잡동사니 모음

아내가 어린이집 벼룩시장에서 공짜로 얻어온 녀석

아싸 하고 했는데 충전해도 켜지지 않아서

이번에 새로산 테스터로 재보니 0.4V

3.7V 떠야 할 녀석이 이런거 보면 셀 나간건데..

아무튼 원래 배터리가 이렇게 달려있는데

누액의 느낌도 조금나고 해서 재보니 0.4V.. 파괴되었음돠~

MCU인가.. 아니면 자이로 인가?

충전하면서도 LED(오른쪽 아래로 튀어나온 녀석) 불이 안들어 온다.

왼쪽 아래에는 IR 수신기인데.. 라즈베리 리모컨 달때 쓰던 그런 녀석이라.

생각외로 비싸겠구나 싶은 마음

꼼지락 대면서 땜질하고

장렬하게(?) 전사한 시마 X5 부품에게 묵념을..

아무튼 제대로 배터리 전원이 공급되니 3색 LED가 빛을 반짝반짝~

근데 무게중심이 안 맞는건지 기본적으로 불안정한 녀석인지 모르겠지만 수직으로 떠오르질 못한다.

그리고 배터리 용량이 너무 커져서 그런지 떠오를 생각을 못한다 ㅋㅋ

아무튼 아쉬운대로 대충은 고쳤으나 날수는 없다는 슬픈 이야기 ㅠㅠ

+

2018.11.05

대충 비슷한거 찾는중..

흐음.... 배송비가 더 비싸겠네?

[링크 : http://itempage3.auction.co.kr/DetailView.aspx?itemno=B328439423]

음.. 해보려는데 잘 안된다?

먼저 CSS를 통해서 사이즈가 정해져 있는데

canvas.width로 하고 이미지를 써올려 보니 커진다.. -_-

[링크 : https://stackoverflow.com/questions/9742131/scaling-canvas-element-with-static-resolution]

[링크 : https://www.html5canvastutorials.com/advanced/html5-canvas-transform-scale-tutorial/]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale]

[링크 : https://www.w3schools.com/tags/canvas_scale.asp]

angular에서 proxy 돌리는 법 검색중..

[링크 : http://www.projectcodify.com/angular-set-base-url-dynamically]

[링크 : https://itnext.io/angular-cli-proxy-configuration-4311acec9d6f]

[링크 : https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/]

[링크 : https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md]

의외로 싱겁네 -_-

콘솔에서 자주 이용하는데 매번 너무 길게 나와서 불편했는데..

[링크 : https://stackoverflow.com/.../how-to-show-git-log-history-for-a-sub-directory-of-a-git-repo]

당연(?) 하지만 circle의 stroke-width는 안과 밖으로 커진다.

[링크 : http://www.d3noob.org/2014/02/styles-in-d3js.html]

getBBbox() 예제가 더 많긴한데...

어짜피 둘다 이미 그려진 시점에서 크기를 얻어 오는거라..

위치를 세밀하게 설정하기에는 무리가 있으려나?

getComputedTextLength();

[링크 : https://stackoverflow.com/questions/10254644/get-pixel-length-of-string-in-svg]

[링크 : https://www.w3.org/TR/SVG/text.html#__svg__SVGTextContentElement__getComputedTextLength]

getBBbox()

[링크 : https://gist.github.com/huytd/327e453c95ca3edadb32d0c867e2561b]

[링크 : https://bl.ocks.org/mbostock/1160929]

[링크 : http://blog.xogus.io/2017/01/15/SVG에서-getBBox-활용하기/]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/SVGGraphicsElement]

//Create an SVG path (based on bl.ocks.org/mbostock/2565344)
svg.append("path")
    .attr("id", "wavy") //Unique id of the path
    .attr("d", "M 10,90 Q 100,15 200,70 Q 340,140 400,30") //SVG path
    .style("fill", "none")
    .style("stroke", "#AAAAAA");

//Create an SVG text element and append a textPath element
svg.append("text")
   .append("textPath") //append a textPath to the text element
    .attr("xlink:href", "#wavy") //place the ID of the path here
    .style("text-anchor","middle") //place the text halfway on the arc
    .attr("startOffset", "50%")
    .text("Yay, my text is on a wavy path");

[링크 : https://www.visualcinnamon.com/2015/09/placing-text-on-arcs.html]

[링크 : http://tutorials.jenkov.com/svg/path-element.html]

+2018.11.01

의외로 startOffset이 중요하다!

      svg.append('text')
        .append('textPath')
        .attr({
          startOffset: '50%',
          'xlink:href': '#curvedTextPath'
        })
        .text('Hello, world!');

[링크 : http://bl.ocks.org/jebeck/196406a3486985d2b92e]

[링크 : https://gist.github.com/jebeck/196406a3486985d2b92e]

d3 에서 svg에 링크를 걸어줄 수 있다.

holder.append("a")
    .attr("xlink:href", "http://en.wikipedia.org/wiki/"+word)

[링크 : http://bl.ocks.org/d3noob/8150631]

associated array 라고 해야하나..

이녀석은 length나 length()로 받아올수 없으니까

반대로 key의 갯수로 길이를 얻는 식의 우회방법을 써야 한다.

[링크 : https://4urdev.tistory.com/7]

[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys]

[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values]

nginx를 이용해서 http proxy로 사용하는 방법

다른서버 있어서 80은 못쓰고

81번으로 셋팅했고

/test1/ 은 nginx 서버와 동일한 ip의 3001번 포트로 포워딩

/test2/ 는 nginx 서버와 동일한 ip의 3002번 포트로 포워딩 해서 작동한다.

단, node.js나 angular의 경우 상대경로와 절대경로를 조심해서 작성해야 정상적으로 작동하게 된다.

(angular는 안써서 모르겠지만 deploy 시 경로를 잘 지정해야 할지도?)

[링크 : https://itnext.io/angular-cli-proxy-configuration-4311acec9d6f]

의외로 끝에 오는 / 의 역활이 지대하다

[링크 : http://www.codingpedia.org/...-in-production-to-serve-angular-app-and-reverse-proxy-nodejs]

[링크 : https://www.joinc.co.kr/w/man/12/proxy]

[링크 : https://gist.github.com/soheilhy/8b94347ff8336d971ad0]