구차니의 잡동사니 모음

이 업체 광고(?)는 아니지만 특이해서 글 남겨봄

[링크 : http://blooming-i.com/]

아래는 일찍 주문해서 얻은 현수막 + 사진 2장

의외로 너무 푸짐해서 오히려 전부 못 꺼내고(정신도 없었던 지라) 돌상을 차렸다.

일단 나름 신경써서(?) 포장한지라 박스가 산만함

그리고 소품을 직접 만들었다고 하는데, 그냥 수식어구(?) 인줄 알았는데 먼가 눈에 띈다?

바로 3D 프린터의 물결(!)

웬만한 소품들은 전부 3D 프린터로 출력하고 (채색을 한건지 2컬러인진 모르겠지만)

그 위에 몇가지 부품들을 덧붙여서 한땀한땀 만든 수제였다!

이런데에다가 3D 프린터를 쓸거라고는 상상도 못했는데

이렇게 배송하면서 상품으로서 쓰고 있는걸 보면 

일반적인 인식과 다르게 (내구도 면에서) 3D 프린터가 나쁘지 않을지도 모른다라는 생각이 들었다.

프린트 한 덕에 가볍긴 한데 먼가 포장할때 오히려 더 겁나는게 문제지만 말이다 ㅋㅋ

아래는 돌상 다 끝내고 정리하다가 발견한 천사날개!

생각외로 작아서 아이가 덩치가 작음에도 불구하고 전면에서 찍으면 날개 자체가 나오질 않는다. ㅠㅠ

그래서 어쩔수 없이 뒷태만 찰칵!

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

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

이번에 새로산 테스터로 재보니 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]