Programming/jquery2018. 12. 9. 20:45

div를 띄우고 그걸 마우스로 이리저리 움직이는걸 찾아보니

jquery에서 draggable 이라고 제공하는 듯?

(그러고 보면.. 네이버 지도에서 본거 같기도 하고..)


[링크 : https://stackoverflow.com/questions/8569095/draggable-div-without-jquery-ui]

[링크 : https://jqueryui.com/draggable/]

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

ajax async와 jquery  (0) 2019.01.04
jquery ajaxsetup()  (0) 2018.12.14
jquery select 인덱스 얻기  (0) 2018.12.05
jquery 셀렉터 - 특정 문장으로 시작하는 id 찾기  (0) 2018.11.07
jquery prepend  (0) 2018.11.06
Posted by 구차니
Programming/node.js2018. 12. 8. 22:17

크롤러 만들어서 대충 쓰게 라즈베리에 node.js로 해볼까?


[링크 : https://www.w3schools.com/nodejs/nodejs_raspberrypi_gpio_intro.asp]

[링크 : https://www.npmjs.com/package/onoff]

[링크 : https://www.npmjs.com/package/rpi-gpio]


+ 2020.05.09


onoff가 무난하려나?


[링크 : https://webnautes.tistory.com/836]

'Programming > node.js' 카테고리의 다른 글

node.js express static  (0) 2018.12.11
node.js sso  (0) 2018.12.11
node.js url encoding(?) 혹은 이스케이프  (0) 2018.12.07
node.js compressed http  (0) 2018.12.06
waveform-data.js  (0) 2018.11.30
Posted by 구차니
Programming/web 관련2018. 12. 7. 19:06

네이버랑 다음 지도에서 일단, 데이터 위치 특정하기


txt_num

[링크 : http://search.daum.net/search?nil_suggest=btn&w=tot&DA=SBC&q=미세먼지+종로구]


main_figure

[링크 : https://search.naver.com/search.naver?sm=top_hty&fbm=0&ie=utf8&query=미세먼지+종로구]

'Programming > web 관련' 카테고리의 다른 글

webGL vs SVG  (0) 2019.01.07
w3c validator  (0) 2018.12.10
edge browser mobile  (0) 2018.11.30
chrome 보안 무시  (0) 2018.11.13
REST API HTTP 에러코드  (0) 2018.11.06
Posted by 구차니

근 두달만에 겨우 해결했네..

키워드를 잘 못 잡았던 걸까 싶긴한데

아무튼.. FileList() 객체로 생성되고 그랬던 거라.. 

File() 객체를 생성하는걸 생각 못한게 2달 날린(?) 원인.. ㅠㅠ



+

new File() 에는 Array가 첫번째 인자인걸 주의!!!!

(망할!!!!!)


var blobdata = document
.getElementById("target_obj_cnv")
.toDataURL("image/png");
blobdata = dataURLtoBlob(blobdata);
var imgFile2 = new File([blobToFile(blobdata, "target.png")], "target.png");
var data = new FormData();

data.append("image", imgFile2);

[링크 : https://stackoverflow.com/questions/27251953/how-to-create-file-object-from-blob[

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



+

걍 포기해야 하나? ㅠㅠ

[링크 : https://stackoverflow.com/questions/38449440/javascript-create-file-list-object-from-list-of-files]

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


+

으으.. 영 안되네.. ㅠㅠ


function blobToFile(theBlob, fileName) {
var date = new Date();
theBlob.lastModifiedDate = date;
theBlob.lastModified = date.getTime();
theBlob.name = fileName;
return theBlob;
}

function dataURLtoBlob(dataurl) {
var arr = dataurl.split(","),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], { type: mime });

} 

var blobdata = document
.getElementById("cnv")
.toDataURL("image/png");
blobdata = dataURLtoBlob(blobdata);
var imgFile2 = blobToFile(blobdata, "target.png");


[링크 : https://stackoverflow.com/questions/6850276/how-to-convert-dataurl-to-file-object-in-javascript]


+

Vanilla JavaScript


function blobToFile(theBlob, fileName){

    //A Blob() is almost a File() - it's just missing the two properties below which we will add

    theBlob.lastModifiedDate = new Date();

    theBlob.name = fileName;

    return theBlob;

[링크 : https://stackoverflow.com/questions/27159179/how-to-convert-blob-to-file-in-javascript/29390393]



---

[링크 : https://code.i-harness.com/ko-kr/q/4c46fc]


[링크 : https://teamtreehouse.com/community/how-to-create-a-file-from-a-dataurl-javascript]


var dataurl = canvas.toDataURL('image/jpeg',0.8);

var blob = dataURLtoBlob(dataurl);

var fd = new FormData();

fd.append("myFile", blob, "thumb.jpg"); 

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

[링크 : https://stackoverflow.com/questions/15675063/how-to-create-an-image-file-on-server-from-dataurl]

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

ajax success 콜백 사용하기  (0) 2018.12.15
js __proto__  (0) 2018.12.14
js 부모창 변수 접근하기  (0) 2018.12.04
크로스 브라우징 관련..  (0) 2018.11.30
wavesurfer.js HTML5 AUDIO 미지원시  (0) 2018.11.30
Posted by 구차니
Programming/node.js2018. 12. 7. 15:39

공백이 %20 으로 치환되는건 escape로도 되는거 같으니. 굳이 다른거 찾을 이유는 없는 듯..



$ node

> var qs = require('querystring');

undefined

> qs.unescape("http://localhost/api/sd?23 23 23")

'http://localhost/api/sd?23 23 23'

> qs.escape("http://localhost/api/sd?23 23 23")

'http%3A%2F%2Flocalhost%2Fapi%2Fsd%3F23%2023%2023'

> qs.escape("2002-02-22 22:22:22")

'2002-02-22%2022%3A22%3A22'


[링크 : http://blog.jeonghwan.net/2016/06/29/querystring-body-in-express.html]



+


javascript(client side) 에서 하는 법

var url = 'folder/index.html?param=#23dd&noob=yes'; //or specify one


var encodedUrl = encodeURIComponent(url);

console.log(encodedUrl);



var url = 'folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes'; //or specify one


var decodedUrl = decodeURIComponent(url);

console.log(decodedUrl); 


[링크 : https://www.sitepoint.com/jquery-decode-url-string]

'Programming > node.js' 카테고리의 다른 글

node.js sso  (0) 2018.12.11
node.js rpi gpio  (0) 2018.12.08
node.js compressed http  (0) 2018.12.06
waveform-data.js  (0) 2018.11.30
node.js 혹은 sqlite?  (0) 2018.11.26
Posted by 구차니
Programming/node.js2018. 12. 6. 23:17

어짜피(?) JSON이나 HTML가 텍스트니까 zlib 등으로 압축해서 전송하면

전송시간도 단축되고 하니 node.js용으로 검색

(apache 등의 웹 서버에서는 자체적으로 압축 기능 제공)


[링크 : https://github.com/expressjs/compression/blob/master/README.md]



https://expressjs.com/ko/advanced/best-practice-performance.html

'Programming > node.js' 카테고리의 다른 글

node.js rpi gpio  (0) 2018.12.08
node.js url encoding(?) 혹은 이스케이프  (0) 2018.12.07
waveform-data.js  (0) 2018.11.30
node.js 혹은 sqlite?  (0) 2018.11.26
node.js sqlite3  (0) 2018.11.26
Posted by 구차니
Programming/jquery2018. 12. 5. 17:07



alert($("#dropDownMenuKategorie")[0].selectedIndex);


Update:

Since version 1.6 jQuery has the prop method that can be used to read properties:

alert($("#dropDownMenuKategorie").prop('selectedIndex'))

[링크 : https://stackoverflow.com/questions/13556941/get-index-of-selected-option-with-jquery]

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

jquery ajaxsetup()  (0) 2018.12.14
jquery draggable  (0) 2018.12.09
jquery 셀렉터 - 특정 문장으로 시작하는 id 찾기  (0) 2018.11.07
jquery prepend  (0) 2018.11.06
jquery를 이용하여 특정 테이블의 열로 이동하기  (0) 2018.11.06
Posted by 구차니

opener.window.변수명 하니 되는거 같기도 하고?


---


parent.변수명

[링크 : https://stackoverflow.com/.../sharing-global-javascript-variable-of-a-page-with-an-iframe-within-that-page]


되는건줄 알았는데 왜 안되지.. ㅠㅠ


---


팝업이라는 전제가 붙는건 opener 함수가 열어주어야 하기 때문인듯.

아무튼.. 단순하게(?) 전역변수에 접근할순 없고

parent 측에서 opener 변수로 해주어야 하는 것 같기도 하고..


opener.document.[name_tag]....

[링크 : http://algina.tistory.com/50]


document.[name_tag]...

[링크 : http://kamjum.tistory.com/entry/JavaScript-팝업창에서-부모-창의-hidden-변수에-따라-값-설정-위치-변경]


opener / top

[링크 : https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=33683]

[링크 : http://j07051.tistory.com/518]



+

Coding Tip: window.opener.close() will close the source (parent) window.

[링크 : https://www.w3schools.com/jsref/prop_win_opener.asp]


+

현재 윈도우(window)를 오픈한 윈도우의 레퍼런스(reference)를 반환합니다.

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

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

js __proto__  (0) 2018.12.14
canvas dataURL to Formdata(file)  (0) 2018.12.07
크로스 브라우징 관련..  (0) 2018.11.30
wavesurfer.js HTML5 AUDIO 미지원시  (0) 2018.11.30
safari 날짜 계산 NaN 문제  (0) 2018.11.30
Posted by 구차니
Programming/web 관련2018. 11. 30. 19:04

모바일 edge 브라우저.. ㄷㄷㄷ

내 핸드폰에도 깔릴려나?


[링크 : https://play.google.com/store/apps/details?id=com.microsoft.emmx&hl=ko]

[링크 : https://itunes.apple.com/us/app/microsoft-edge/id1288723196?mt=8]

'Programming > web 관련' 카테고리의 다른 글

w3c validator  (0) 2018.12.10
미세먼지 크롤러 (다음, 네이버)  (0) 2018.12.07
chrome 보안 무시  (0) 2018.11.13
REST API HTTP 에러코드  (0) 2018.11.06
sso openid oauth  (0) 2018.09.10
Posted by 구차니
Programming/node.js2018. 11. 30. 18:24

BBC에서 만든거라는데

일단.. HE-AACv2를 재생가능한지 해봐야지..


[링크 : https://waveform.prototyping.bbc.co.uk/]

[링크 : https://github.com/bbc/waveform-data.js/blob/master/README.md]

[링크 : https://www.bbc.co.uk/rd/blog/2013-10-audio-waveforms]

[링크 : https://www.npmjs.com/package/waveform-data]


+

[링크 : https://developer.microsoft.com/en-us/microsoft-edge/platform/status/]

[링크 : http://www.chromium.org/audio-video]

[링크 : https://stackoverflow.com/.../how-can-i-get-he-aac-v2-to-playback-in-chromes-mediasource-api]

'Programming > node.js' 카테고리의 다른 글

node.js url encoding(?) 혹은 이스케이프  (0) 2018.12.07
node.js compressed http  (0) 2018.12.06
node.js 혹은 sqlite?  (0) 2018.11.26
node.js sqlite3  (0) 2018.11.26
node.js xml <-> json  (0) 2018.11.25
Posted by 구차니