cURL을 통해서 node.js 등에 여러줄의 log 스타일 데이터를 보낼때에는
application/json 대신 text/plain 쓰면 된다는데..
문제는 body-parser 사용시 해당 방법으로 보내면 배를 짼다. 어떻게 해야하나...
[링크 : https://stackoverflow.com/questions/43054195/how-to-post-raw-body-data-with-curl]
| 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 |
자바 스크립트에서 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]
| 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 |
캔버스 데이터를 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]
| 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 |
버튼 누르면 어떠한 다른 곳을 누르는 행위를 하고 싶을때(예를 들면 탭)
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/]
| 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 |
어디서 본건지 까먹었는데 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]
| 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 |
left랑 right가 헷갈리는 녀석일세..
left로 하면 오른쪽으로 가버리고..
right로 하면 왼쪽으로 가버림 -_-
(그러니까 left 면 왼쪽으로 부터 시작해서 그 위치니까 오른쪽 이 되는건가?)
[링크 : https://stackoverflow.com/.../css3-rotation-and-scaling-on-same-elements-messes-up-z-index]
| @keyframe in css (0) | 2019.01.29 |
|---|---|
| css transform zindex origin (0) | 2018.10.25 |
| css로 백그라운드만 돌리기 (0) | 2018.10.10 |
| css 계층 구조? 상속? 선택자 조합자? (0) | 2018.09.05 |
| sass scss (0) | 2018.09.05 |
기존의 녀석은 new 해서 생성하면 죽이거나 하는게 불가능 했는데
es6에서는 stop()이 추가됨으로서
해당 인스턴스를 삭제하고 종료하는게 가능하다
| node.js REST get/post 관련 (0) | 2018.11.06 |
|---|---|
| curl jwt (0) | 2018.10.26 |
| node.js undefined 확인하기 (0) | 2018.10.22 |
| node.js를 이용한 자기 자신의 ip 얻기 (4) | 2018.10.22 |
| 웹소켓 그리고 공유기? (4) | 2018.10.18 |
jsmpeg을 보다가 발견한 신기한 녀석
[링크 : https://github.com/phoboslab/jsmpeg/blob/master/build.sh]
Web ASM의 줄임말로 웹에서 빠른 실행을 위해서 쓴다고
(어느정도 바이너리 호환성이 있는건가..? x86용을 arm에서 쓴다던가 가능할진 찾아 봐야 할 듯)
[링크 : https://www.popit.kr/개발바보-webassembly-emscripten-asmjs/]
[링크 : https://webassembly.org/getting-started/developers-guide/]
+
중요한건... wasm으로 빌드한 부분이 누락되었나.. 왜 stop()하면 안되는거여... -_-
| wasm text 와 binary 상호변환 (0) | 2021.10.26 |
|---|---|
| emcc wasm 빌드 (0) | 2021.10.25 |
| wasm from c, cpp (0) | 2021.10.24 |
| wasm (0) | 2021.10.22 |
| web assembly (0) | 2021.10.19 |
canvas에서 영상을 dataURL로 받으면 base64로 인코딩 되어서 해결책 찾는중..
window.atob (decoding)
window.btoa (encoding)
[링크 : http://1004lucifer.blogspot.com/2016/01/javascript-base64.html]
| js date time to epoch (0) | 2018.10.26 |
|---|---|
| canvas to blob (2) | 2018.10.25 |
| formdata dump (0) | 2018.10.24 |
| js toHexString() (0) | 2018.10.23 |
| jsmpeg div로 사용시 옵션 (0) | 2018.10.18 |
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]
| canvas to blob (2) | 2018.10.25 |
|---|---|
| 자바스크립트 base64 인코딩, 디코딩 (0) | 2018.10.24 |
| js toHexString() (0) | 2018.10.23 |
| jsmpeg div로 사용시 옵션 (0) | 2018.10.18 |
| js setinterval (0) | 2018.10.16 |
|
