'Programming/javascript & HTML'에 해당되는 글 115건

  1. 2018.10.31 js array keys(),values()
  2. 2018.10.30 js eval
  3. 2018.10.26 js split \n ' '
  4. 2018.10.26 curl text/plain
  5. 2018.10.26 js date time to epoch
  6. 2018.10.25 canvas to blob (2)
  7. 2018.10.24 자바스크립트 base64 인코딩, 디코딩
  8. 2018.10.24 formdata dump
  9. 2018.10.23 js toHexString()
  10. 2018.10.18 jsmpeg div로 사용시 옵션

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 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 구차니

댓글을 달아 주세요

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

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

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

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


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

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

html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
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 구차니

댓글을 달아 주세요

안되진않네


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

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

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
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
curl text/plain  (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
js date time to epoch  (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
canvas to blob  (2) 2018.10.25
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
Posted by 구차니

댓글을 달아 주세요

  1. 정말 오랜만에 놀러왔네요. 근데 최신글이 넘 어려운 글...ㅋ

    2018.10.29 17:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 정말 오랫만에 들르셨네요 ㅋ
      언제 한번 뵈어야 하는데 너무 멀리 회사를 옮겨 버린거 같네요 ㅋㅋ

      2018.10.29 18:04 신고 [ ADDR : EDIT/ DEL ]

canvas에서 영상을 dataURL로 받으면 base64로 인코딩 되어서 해결책 찾는중..


window.atob (decoding)

window.btoa (encoding)

[링크 : http://1004lucifer.blogspot.com/2016/01/javascript-base64.html]

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

js date time to epoch  (0) 2018.10.26
canvas to blob  (2) 2018.10.25
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
jsmpeg div로 사용시 옵션  (0) 2018.10.18
Posted by 구차니

댓글을 달아 주세요

ajax로 formdata 보내기

[링크 : https://www.mkyong.com/jquery/jquery-ajax-submit-a-multipart-form/]



생성하기

[링크 : https://developer.mozilla.org/ko/docs/Web/API/FormData/FormData]


보는거 무지 복잡하네..

var formData = new FormData();

formData.append('key1', 'value1');

formData.append('key2', 'value2');


// Display the key/value pairs

for (var pair of formData.entries()) {

    console.log(pair[0]+ ', ' + pair[1]); 

[링크 : https://stackoverflow.com/questions/17066875/how-to-inspect-formdata]


+

var formData = new FormData();


formData.append('items', new Blob([JSON.stringify({

    name: "Book",

    quantity: "12"

})], {

    type: "application/json"

})); 

[링크 : https://stackoverflow.com/...multipart-form-data-with-a-different-content-type-on-each-parts-with-j]


+

var st = imagepath.replace(data:image/png or jpg; base64"/""); 

[링크 : https://stackoverflow.com/questions/22172604/convert-image-url-to-base64]

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

canvas to blob  (2) 2018.10.25
자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
jsmpeg div로 사용시 옵션  (0) 2018.10.18
js setinterval  (0) 2018.10.16
Posted by 구차니

댓글을 달아 주세요

원래 이런건 지원안해서 직접 만들어야 하나보네..


function toHexString(byteArray) {

  return Array.from(byteArray, function(byte) {

    return ('0' + (byte & 0xFF).toString(16)).slice(-2);

  }).join('')

[링크 : https://stackoverflow.com/questions/34309988/byte-array-to-hex-string-conversion-in-javascript]

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

자바스크립트 base64 인코딩, 디코딩  (0) 2018.10.24
formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
jsmpeg div로 사용시 옵션  (0) 2018.10.18
js setinterval  (0) 2018.10.16
ajax each  (0) 2018.10.16
Posted by 구차니

댓글을 달아 주세요

내용은 있었는데 이해를 못했거늘.. 오늘 해보니 되긴하네 췟 -_-

아래와 같은 식으로 'data-'를 접두로 붙이고

문장하나하나를 전부 - 로 토막내주면 된다.

그런 이유로 disableGl은 data-disable-Gl로 변환이 되어 설정하면 된다

<div class="jsmpeg" data-url="ws://localhost:6424" data-disable-gl="true"> 


Note that camelCased options have to be hyphenated when used as data attributes. E.g. decodeFirstFrame: true becomes data-decode-first-frame="true" for the HTML element. 

[링크 : https://github.com/phoboslab/jsmpeg]

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

formdata dump  (0) 2018.10.24
js toHexString()  (0) 2018.10.23
jsmpeg div로 사용시 옵션  (0) 2018.10.18
js setinterval  (0) 2018.10.16
ajax each  (0) 2018.10.16
canvas clearRect  (0) 2018.10.15
Posted by 구차니

댓글을 달아 주세요