'잡동사니'에 해당되는 글 13670건

  1. 2018.10.30 js eval
  2. 2018.10.29 d3 background image
  3. 2018.10.29 d3 pulse / blink
  4. 2018.10.29 네이버 지도 위도/경도 좌표
  5. 2018.10.28 키즈카페 다녀옴 2
  6. 2018.10.27 혓바늘.. 2
  7. 2018.10.26 curl jwt
  8. 2018.10.26 js split \n ' '
  9. 2018.10.26 curl text/plain
  10. 2018.10.26 js date time to epoch

예전에 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 구차니
Programming/node.js2018. 10. 26. 19:30

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

GET /resource HTTP/1.1

Host: server.example.com

Authorization: Bearer eyJhbGciOiJIUzI1NiIXVCJ9...TJVA95OrM7E20RMHrHDcEfxjoYZgeFONFh7HgQ 

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


TOKEN=$(curl -s -X POST -H 'Accept: application/json' -H 'Content-Type: application/json' --data '{"username":"{username}","password":"{password}","rememberMe":false}' https://{hostname}/api/authenticate | jq -r '.id_token')


curl -H 'Accept: application/json' -H "Authorization: Bearer ${TOKEN}" https://{hostname}/api/myresource 

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


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

Posted by 구차니

안되진않네


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

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

js array keys(),values()  (0) 2018.10.31
js eval  (0) 2018.10.30
curl text/plain  (0) 2018.10.26
js date time to epoch  (0) 2018.10.26
canvas to blob  (2) 2018.10.25
Posted by 구차니

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

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

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


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

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

js eval  (0) 2018.10.30
js split \n ' '  (0) 2018.10.26
js date time to epoch  (0) 2018.10.26
canvas to blob  (2) 2018.10.25
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
Posted by 구차니

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

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


new Date(2010, 6, 26).getTime() / 1000

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


+

2018.10.29


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

1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜 사이의 경과 시간 (밀리 초)을 나타내는 숫자입니다. 

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

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

js split \n ' '  (0) 2018.10.26
curl text/plain  (0) 2018.10.26
canvas to blob  (2) 2018.10.25
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
Posted by 구차니