'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 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 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' 카테고리의 다른 글

자바스크립트 절대값 abs()  (0) 2018.11.05
html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
js eval  (0) 2018.10.30
js split \n ' '  (0) 2018.10.26
curl text/plain  (0) 2018.10.26
Posted by 구차니
프로그램 사용/nginx2018. 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]

Posted by 구차니

예전에 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]

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

html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
js array keys(),values()  (0) 2018.10.31
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 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 v5... -0-?  (0) 2018.10.18
d3 v3 doc  (0) 2018.10.17
d3 arc 직접 그리기  (0) 2018.10.17
Posted by 구차니

+

2018.12.12

유입경로가 많아서 수정

latitude가 위도, longitude가 경도


위도 33도~38도 (북한 포함하면 43도 정도, 38선은 가로로 그인 선이니까 위도로 외우면 쉬움)

경도 126~131도

값을 지님


new naver.maps.LatLng(lat,lng) 함수는 위도 먼저, 경도 먼저인데

new naver.maps.LatLng(lat, lng)

Parameters
NameTypeDefaultDescription
latnumber0

위도

lngnumber0

경도

 


DB쪽의 실수인지 간혹 반대로 들어있는 경우도 존재한다.

귀찮으면(?)

function latlng_corrector(lat, lng) {

  if (33.0 <= lat && lat <= 43.0 && (124.0 <= lng && lng <= 132.0))

    return { lat: lat, lng: lng };

  else if (124.0 <= lat && lat <= 132.0 && (33.0 <= lng && lng <= 43.0)) {

    console.log("latitude/longitude swapped!!");

    return { lat: lng, lng: lat };

  } else return { lat: lat, lng: lng };

이런거 하나 넣고 대충 위도 경도 정보가 뒤바뀌었을 경우 자동으로 뒤집어 주는 것도 방법 일 듯?


+

2018.12.13

아래 예제에서 클릭해서 마커 지정하고

개발자 도구에서 marker.getPosition() 해주면 위치 값이 똭~ 나온다.

이 키워드로 검색하는 분들 목적은.. 위도경도 정보 뽑아 내는거라면 그게 더 나을지도?


[링크 : https://navermaps.github.io/maps.js/docs/tutorial-9-marker-position.example.html]


---

아무생각 없이(!) 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.27
남성성이란 무엇일까.. 그리고 없어져야 할 것 인가?  (4) 2018.10.21
피로하다..  (0) 2018.10.19
Posted by 구차니

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

천장에 하나

혀 위에 하나 있는 느낌

혀 하래 하나 있는 느낌

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


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



망할 똥강아지들

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

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

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