구차니의 잡동사니 모음

//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]

예전에 lisp에서 우오오 했던거 같은 녀석..

eval() 을 통해서 넘겨받은 데이터를 코드로 실행한다.

즉, array 데이터를 plain/text로 받은걸

다시 array로 복구가 가능 하다는 것!

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

+

JSON.stringify() 등으로 문자열화 된 객체를 실제 객체로 만드는데 쓰일수도 있다.

[링크 : https://blog.outsider.ne.kr/257]

d3 내에 이미지를 넣어서 사용하는 방법

background 라기 보다는 단일 image 엘리먼트로 추가한다.

[링크 : http://bl.ocks.org/eesur/be2abfb3155a38be4de4]

[링크 : https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href]

반복적으로 수행하는것에는..

recursive_transitions가 핵심인가..?

[링크 : https://bl.ocks.org/whitews/3073773f5f1fd58226ee]

JWT 사용시 cURL을 통해서 해당 JWT 인증 정보를 받는법 찾는중

[링크 : https://stackoverflow.com/questions/33265812/best-http-authorization-header-type-for-jwt]

[링크 : https://medium.com/@nieldw/using-curl-to-authenticate-with-jwt-bearer-tokens-55b7fac506bd]

조금 헷갈리는데.. 인증 값으로 이전에 돌려받은 id_token을 쓰면 된다는건가?(bearer로 받아오는)

안되진않네

data.split('\n')[0].split(' ');

cURL을 통해서 node.js 등에 여러줄의 log 스타일 데이터를 보낼때에는

application/json 대신 text/plain 쓰면 된다는데..

문제는 body-parser 사용시 해당 방법으로 보내면 배를 짼다. 어떻게 해야하나...

[링크 : https://stackoverflow.com/questions/43054195/how-to-post-raw-body-data-with-curl]

자바 스크립트에서 Date 객체를 이용하여

시간 정보를 epoch로 변환하는 방법

[링크 : https://stackoverflow.com/questions/3367415/get-epoch-for-a-specific-date-using-javascript]

+

2018.10.29

msec 단위이기 때문에 1000으로 나누어 주어야 할 듯

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