Programming/javascript & HTML2018. 11. 15. 18:59

canvas to input type=file formdata

전에 하다가 실패했었는데 다시 한번 시도는 해봐야지.. ㅠㅠ


[링크 : https://stackoverflow.com/questions/19032406/convert-html5-canvas-into-file-to-be-uploaded]

[링크 : http://charlie0301.blogspot.com/2014/10/html5-canvas-blob-data-post-upload.html]

[링크 : https://stackoverflow.com/questions/4998908/convert-data-uri-to-file-then-append-to-formdata]

저작자표시

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

[Violation] 'setInterval' handler took  (0) 2018.11.18
JSON.stringify() 주의사항(?)  (0) 2018.11.17
jwt token ajax  (2) 2018.11.08
js forEach 에서 다음 문장 실행하기  (0) 2018.11.08
js str2ip  (0) 2018.11.07
Posted by 구차니
Programming/javascript & HTML2018. 11. 8. 18:48

jwt token ajax

흐음.. JWT를 써서 header에 박히면

window.localStrorage를 통해서 접근이 가능하다는데...

왜 안될까 ㅠㅠ


[링크 : https://stackoverflow.com/.../how-to-send-a-token-with-an-ajax-request-from-jquery/35870238]

저작자표시

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

JSON.stringify() 주의사항(?)  (0) 2018.11.17
canvas to input type=file formdata  (0) 2018.11.15
js forEach 에서 다음 문장 실행하기  (0) 2018.11.08
js str2ip  (0) 2018.11.07
자바 스크립트 중복 제거된 배열 얻기(집합)  (0) 2018.11.06
Posted by 구차니
Programming/javascript & HTML2018. 11. 8. 16:46

js forEach 에서 다음 문장 실행하기

continue 안 먹으니 return으로 해결


[링크 : https://stackoverflow.com/questions/31399411/go-to-next-iteration-in-javascript-foreach-loop]

저작자표시

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

canvas to input type=file formdata  (0) 2018.11.15
jwt token ajax  (2) 2018.11.08
js str2ip  (0) 2018.11.07
자바 스크립트 중복 제거된 배열 얻기(집합)  (0) 2018.11.06
canvas 이미지 품질 저하  (0) 2018.11.06
Posted by 구차니
Programming/javascript & HTML2018. 11. 7. 18:27

js str2ip

스트링을 파싱해서 할까 하다가 멘탈 붕괴..

다른 사람에게 물어보니 검색하면 되지~ 라는 대답

헐.. 검색해볼걸 생각못한 내 상태를 보니..

뇌 구석구석 시냅스 사이사이 미세먼지가 낀 탓인듯... -_-


아무튼 결론 : 걍 하나 만들면 되지 머...

(어짜피 만들려고 하던거 머...)


function str2ip(str) {
var val = 0;
var dot = str.split(".");
val = (dot[0] << 24) + (dot[1] << 16) + (dot[2] << 8) + dot[3];
return val;
}


[링크 : https://stackoverflow.com/questions/20330865/validate-ip-range-and-subnets]

[링크 : https://stackoverflow.com/questions/8105629/ip-addresses-stored-as-int-results-in-overflow]


+

위의 코드는 정상적으로 계산되지 않는다. -_-

+() 를 해서 값으로 혹은 양수로 인식시켜야 하는 듯?


function str2ip(str) {
var val = 0;
var dot = str.split(".");
val = (+(dot[0]) << 24) + (+(dot[1]) << 16) + (+(dot[2]) << 8) + +(dot[3]);
return val;
}


저작자표시

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

jwt token ajax  (2) 2018.11.08
js forEach 에서 다음 문장 실행하기  (0) 2018.11.08
자바 스크립트 중복 제거된 배열 얻기(집합)  (0) 2018.11.06
canvas 이미지 품질 저하  (0) 2018.11.06
자바스크립트 절대값 abs()  (0) 2018.11.05
Posted by 구차니
Programming/javascript & HTML2018. 11. 6. 18:49

자바 스크립트 중복 제거된 배열 얻기(집합)

배열에서 중복된 값을 제거하려니..

ES6 부터는 set(집합)을 이용하면되고

그 이전에는 filter와 indexof를 이용해서 중복을 제거하면 된다.


Use new ES6 feature: [...new Set( [1, 1, 2] )];

function uniqueArray0(array) {

  var result = Array.from(new Set(array));

  return result    

}


Use filter + indexOf

function uniqueArray3(a) {

  function onlyUnique(value, index, self) { 

      return self.indexOf(value) === index;

  }


  // usage

  var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']


  return unique;

}

[링크 : https://stackoverflow.com/questions/1960473/get-all-unique-values-in-a-javascript-array-remove-duplicates]

[링크 : https://codeburst.io/javascript-array-distinct-5edc93501dc4]


저작자표시

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

js forEach 에서 다음 문장 실행하기  (0) 2018.11.08
js str2ip  (0) 2018.11.07
canvas 이미지 품질 저하  (0) 2018.11.06
자바스크립트 절대값 abs()  (0) 2018.11.05
html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
Posted by 구차니
Programming/javascript & HTML2018. 11. 6. 12:04

canvas 이미지 품질 저하

리사이즈 알고리즘 멀 쓸지 모르겠지만 품질 저하가 너무 심한듯..


그런 이유로 다단계로 축소해서 복사하라는 답변이.. ㄷㄷ

[링크 : https://stackoverflow.com/questions/28498014/canvas-drawimage-poor-quality]

[링크 : https://stackoverflow.com/questions/18922880/html5-canvas-resize-downscale-image-high-quality]

저작자표시

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

js str2ip  (0) 2018.11.07
자바 스크립트 중복 제거된 배열 얻기(집합)  (0) 2018.11.06
자바스크립트 절대값 abs()  (0) 2018.11.05
html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
js array keys(),values()  (0) 2018.10.31
Posted by 구차니
Programming/javascript & HTML2018. 11. 5. 13:27

자바스크립트 절대값 abs()

Math.abs() 에 존재한다.


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

저작자표시

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

자바 스크립트 중복 제거된 배열 얻기(집합)  (0) 2018.11.06
canvas 이미지 품질 저하  (0) 2018.11.06
html canvas 보이는 크기와 실제 크기 다르게 설정하기  (0) 2018.11.02
js array keys(),values()  (0) 2018.10.31
js eval  (0) 2018.10.30
Posted by 구차니
Programming/javascript & HTML2018. 11. 2. 19:44

html canvas 보이는 크기와 실제 크기 다르게 설정하기

음.. 해보려는데 잘 안된다?

먼저 CSS를 통해서 사이즈가 정해져 있는데

canvas.width로 하고 이미지를 써올려 보니 커진다.. -_-


var canvas = document.getElementById("canvas"),

    ctx = canvas.getContext("2d");


canvas.width = 600;

canvas.height = 300;

and then change its displayed size using css


#canvas{

   width: 300px;

   height: 150px; 

}​ 

[링크 : https://stackoverflow.com/questions/9742131/scaling-canvas-element-with-static-resolution]


[링크 : https://www.html5canvastutorials.com/advanced/html5-canvas-transform-scale-tutorial/]

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

[링크 : https://www.w3schools.com/tags/canvas_scale.asp]

저작자표시

'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
Posted by 구차니
Programming/javascript & HTML2018. 10. 31. 15:47

js array keys(),values()

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 구차니
Programming/javascript & HTML2018. 10. 30. 18:23

js eval

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

티스토리툴바