'2018/10'에 해당되는 글 105건

  1. 2018.10.31 d3 arc text
  2. 2018.10.31 d3 hyperlink
  3. 2018.10.31 js array keys(),values()
  4. 2018.10.30 nginx reverse proxy (2)
  5. 2018.10.30 js eval
  6. 2018.10.29 d3 background image
  7. 2018.10.29 d3 pulse / blink
  8. 2018.10.29 네이버 지도 위도/경도 좌표
  9. 2018.10.28 키즈카페 다녀옴 (2)
  10. 2018.10.27 혓바늘.. (2)
Programming/d32018.10.31 18:56


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

'Programming > d3' 카테고리의 다른 글

d3 svg circle  (0) 2018.11.01
d3 svg string width in px  (0) 2018.11.01
d3 arc text  (0) 2018.10.31
d3 hyperlink  (0) 2018.10.31
d3 background image  (0) 2018.10.29
d3 pulse / blink  (0) 2018.10.29
Posted by 구차니

댓글을 달아 주세요

Programming/d32018.10.31 18:54

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

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

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

'Programming > d3' 카테고리의 다른 글

d3 svg string width in px  (0) 2018.11.01
d3 arc text  (0) 2018.10.31
d3 hyperlink  (0) 2018.10.31
d3 background image  (0) 2018.10.29
d3 pulse / blink  (0) 2018.10.29
d3 v5... -0-?  (0) 2018.10.18
Posted by 구차니

댓글을 달아 주세요

associated array 라고 해야하나..

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

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


var obj = { foo: 'bar', baz: 42 };

console.log(Object.keys(obj)); // ['bar', 42]

console.log(Object.values(obj)); // ['bar', 42] 


[링크 : 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]

'Programming > javascript & HTML' 카테고리의 다른 글

canvas 이미지 품질 저하  (0) 2018.11.06
자바스크립트 절대값 abs()  (0) 2018.11.05
js array keys(),values()  (0) 2018.10.31
js eval  (0) 2018.10.30
js split \n ' '  (0) 2018.10.26
curl text/plain  (0) 2018.10.26
Posted by 구차니

댓글을 달아 주세요

Programming/node.js2018.10.30 18:51

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]


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

    server {

        listen       81 default_server;

        listen       [::]:81 default_server;

        server_name  _;

        root         /usr/share/nginx/html;


        # Load configuration files for the default server block.

        include /etc/nginx/default.d/*.conf;


        location / {

        }


        error_page 404 /404.html;

            location = /40x.html {

        }


        error_page 500 502 503 504 /50x.html;

            location = /50x.html {

        }


        location /test1/ {

                proxy_set_header X-Real-IP $remote_addr;

                proxy_set_header Host $host;

                proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;

                proxy_pass http://localhost:3001/;

        }


        location /test2/ {

                proxy_set_header X-Real-IP $remote_addr;

                proxy_set_header Host $host;

                proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;

                Host proxy_set_header $ HTTP_HOST;

                proxy_pass http://localhost:3002/;

        }

    }

 


[링크 : 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]

'Programming > node.js' 카테고리의 다른 글

axios 여러개의 요청을 묶어서 하기  (0) 2018.11.07
node.js REST get/post 관련  (0) 2018.11.06
nginx reverse proxy  (2) 2018.10.30
curl jwt  (0) 2018.10.26
node-rtsp-stream 과 node-rtsp-stream-es6 차이  (0) 2018.10.24
node.js undefined 확인하기  (0) 2018.10.22
Posted by 구차니

댓글을 달아 주세요

  1. ㅋㅋ 오랜만에 보는 설정 파일이네요.
    레드마인 처음 쓸 때 nginx에 설정하느라 자주 보던.. ^^

    2018.10.31 16:47 신고 [ ADDR : EDIT/ DEL : REPLY ]

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

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

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

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


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

'Programming > javascript & HTML' 카테고리의 다른 글

자바스크립트 절대값 abs()  (0) 2018.11.05
js array keys(),values()  (0) 2018.10.31
js eval  (0) 2018.10.30
js split \n ' '  (0) 2018.10.26
curl text/plain  (0) 2018.10.26
js date time to epoch  (0) 2018.10.26
Posted by 구차니

댓글을 달아 주세요

Programming/d32018.10.29 19:20

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

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


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

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

'Programming > d3' 카테고리의 다른 글

d3 arc text  (0) 2018.10.31
d3 hyperlink  (0) 2018.10.31
d3 background image  (0) 2018.10.29
d3 pulse / blink  (0) 2018.10.29
d3 v5... -0-?  (0) 2018.10.18
d3 v3 doc  (0) 2018.10.17
Posted by 구차니

댓글을 달아 주세요

Programming/d32018.10.29 19:16

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

recursive_transitions가 핵심인가..?


        selection.transition()

            .duration(400)

            .attr("stroke-width", 2)

            .attr("r", 8)

            .ease('sin-in')

            .transition()

            .duration(800)

            .attr('stroke-width', 3)

            .attr("r", 12)

            .ease('bounce-in')

            .each("end", recursive_transitions); 

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

'Programming > d3' 카테고리의 다른 글

d3 hyperlink  (0) 2018.10.31
d3 background image  (0) 2018.10.29
d3 pulse / blink  (0) 2018.10.29
d3 v5... -0-?  (0) 2018.10.18
d3 v3 doc  (0) 2018.10.17
d3 arc 직접 그리기  (0) 2018.10.17
Posted by 구차니

댓글을 달아 주세요

아무생각 없이(!) path에 좌표를 아래와 같이 LatLang([pos1, pos2]) 식으로 했더니

배열이 정렬되어 버리는지 작은 수랑 큰수랑 순서가 엉뚱하게 작동을 한다.

new naver.maps.Polyline({
path: [
new naver.maps.LatLng([
marker_db[data[idx].cid].lng,
marker_db[data[idx].cid].lat
]),
new naver.maps.LatLng([
marker_db[data[idx + 1].cid].lng,
marker_db[data[idx + 1].cid].lat
])
],
map: map,
endIcon: naver.maps.PointingIcon.OPEN_ARROW,
strokeColor: "#cc0000",
strokeWeight: 6
});


반드시(?) []를 빼고 아래와 같이 써야 하는건가...

근데 배열이랑 숫자랑 먼가 다른건가.. 삽입(?)하는 순서에 영향을 받네?

new naver.maps.Polyline({
path: [
new naver.maps.LatLng(
marker_db[data[idx].cid].lat,
marker_db[data[idx].cid].lng
),
new naver.maps.LatLng(
marker_db[data[idx + 1].cid].lat,
marker_db[data[idx + 1].cid].lng
)
],
map: map,
endIcon: naver.maps.PointingIcon.OPEN_ARROW,
strokeColor: "#cc0000",
strokeWeight: 6
});

[링크 : https://navermaps.github.io/maps.js/docs/naver.maps.LatLng.html


+

걍 고민을 해보니.. 변수 하나에 null값이 들어 갔을 뿐

lat lng의 순서 문제라던가 array의 문제라고 보긴 힘들지도...?

Posted by 구차니

댓글을 달아 주세요

1시간 무료 쿠폰 있다고 해서 가서는

과자 먹고 2시간 있어서 결국에는 1시간 돈 내고 옴 ㅠㅠ


먼가 억울하다 ㅠㅠ



그래도 아직 둘째는 돈 안내고 가니 덜 억울한건가 -ㅁ-? ㅋㅋ

'개소리 왈왈 > 육아관련 주저리' 카테고리의 다른 글

청소년 흡연  (5) 2018.11.06
돌 잔치!!  (6) 2018.11.03
키즈카페 다녀옴  (2) 2018.10.28
혓바늘..  (2) 2018.10.27
남성성이란 무엇일까.. 그리고 없어져야 할 것 인가?  (4) 2018.10.21
피로하다..  (0) 2018.10.19
Posted by 구차니

댓글을 달아 주세요

  1. ㅋㅋ 아빠 블로거들이 한번씩은 포스팅 하는 키즈카페
    리뷰가 너무 심플한거 아닙니까? ^^

    2018.10.30 11:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 사진 올리기는 싫고 올리게 없음돠 ㅋㅋㅋㅋ
      애 본다고 지쳐서 ㅠㅠ
      아내는 키즈카페 가면 쉬고
      전 죽어 나거든요 ㅠㅠ

      2018.10.30 11:51 신고 [ ADDR : EDIT/ DEL ]

입에 몇개인지도 모를 염증이 수두룩..

천장에 하나

혀 위에 하나 있는 느낌

혀 하래 하나 있는 느낌

혀랑 맞닫는 아래턱에 하나 있는 느낌..


솔찍히 하도 여러군데 아파서 어디가 아픈지도 모르겠다..



망할 똥강아지들

영역 다 차지하고 밀어내고 자니 좋냐?!?!?!

'개소리 왈왈 > 육아관련 주저리' 카테고리의 다른 글

돌 잔치!!  (6) 2018.11.03
키즈카페 다녀옴  (2) 2018.10.28
혓바늘..  (2) 2018.10.27
남성성이란 무엇일까.. 그리고 없어져야 할 것 인가?  (4) 2018.10.21
피로하다..  (0) 2018.10.19
누군가의 죽음  (2) 2018.10.14
Posted by 구차니

댓글을 달아 주세요

  1. 피곤해서 그러신거 아닙니까?
    이제 집에서는 장비 그만 만지셔야 될때가.. ^^;

    2018.10.30 12:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 이제 출근한지 2달 3주 되서 깜놀중이에요 ㅠㅠ
      직종 바꾸어서 개발 분야를 옮기다 보니 더 머리 써서 그런거 같기도 하구요 ㅠㅠ

      2018.10.30 13:00 신고 [ ADDR : EDIT/ DEL ]