'Programming'에 해당되는 글 1762건

  1. 2018.10.30 js eval
  2. 2018.10.29 d3 background image
  3. 2018.10.29 d3 pulse / blink
  4. 2018.10.26 curl jwt
  5. 2018.10.26 js split \n ' '
  6. 2018.10.26 curl text/plain
  7. 2018.10.26 js date time to epoch
  8. 2018.10.25 canvas to blob 2
  9. 2018.10.25 jquery trigger()
  10. 2018.10.25 css transform zindex origin

예전에 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 구차니
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 구차니

캔버스 데이터를 blob으로 받아서 처리하는데..

머.. 결론만 말하자면 브라우저에서 파일로 받아서(input type=file)

처리하는 것 처럼 줄 방법은 없는건 매한가지 이다... 인가?


var canvas = document.getElementById('canvas');


canvas.toBlob(function(blob) {

  var newImg = document.createElement('img'),

      url = URL.createObjectURL(blob);


  newImg.onload = function() {

    // no longer need to read the blob so it's revoked

    URL.revokeObjectURL(url);

  };


  newImg.src = url;

  document.body.appendChild(newImg);

}); 

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob]

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

curl text/plain  (0) 2018.10.26
js date time to epoch  (0) 2018.10.26
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
Posted by 구차니
Programming/jquery2018. 10. 25. 15:45

버튼 누르면 어떠한 다른 곳을 누르는 행위를 하고 싶을때(예를 들면 탭)

trigger('click') 으로 해당 핸들러에 click 이벤트를 트리거 해준다.


[링크 : http://findfun.tistory.com/325]


+

click()은.. trigger()와는 전혀 별개인가?


click()은 이벤트 핸들러를 바인드 한다.

즉, click()은 onclick() 이벤트를 생성해 주는 역활이라고 보면되고

그 onclick() 이벤트 자체를 발생시키려면 trigger('click')을 해주어야 한다.. 인가?

Description: Bind an event handler to the "click" JavaScript event, or trigger that event on an element. 

[링크 : http://api.jquery.com/click/]

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

jquery eq() get() 차이  (0) 2018.11.05
jquery selector와 document.getElementById 차이  (0) 2018.11.05
jqeury ajax 수행 완료 기다리기  (0) 2018.10.23
jquery ajax data, header  (0) 2018.10.23
jquery shake  (0) 2018.10.16
Posted by 구차니
Programming/css2018. 10. 25. 15:44

어디서 본건지 까먹었는데 relative로 해주어야 위치가 먹힌다고..

그리고 origin은 left|right top|bottom 식으로 조합이 가능하다.

transform-origin: left top;

position: relative;

 [링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale]

 [링크 : https://www.w3schools.com/cssref/css3_pr_transform-origin.asp]

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

css3 calc()  (0) 2020.01.03
@keyframe in css  (0) 2019.01.29
css tooltip 위치  (0) 2018.10.25
css로 백그라운드만 돌리기  (0) 2018.10.10
css 계층 구조? 상속? 선택자 조합자?  (0) 2018.09.05
Posted by 구차니