기타/Javascript21 webrtc WEBRTC https://webrtc.org/ WebRTC가 브라우저에서 실시간 통신 (RTC) 기능을 가능하게하는 웹 오픈 프레임 워크. webrtc.org MDN https://developer.mozilla.org/en-US/docs/Glossary/WebRTC WebRTC WebRTC (Web Real-Time Communication) is an API that can be used by video-chat, voice-calling, and P2P-file-sharing Web apps. developer.mozilla.org 2개 문서를 기준으로 WEBRTC를 구현해본다. https://webrtc.github.io/samples/ WebRTC samples webrtc.github.io .. 2020. 7. 30. form에 input이 1개가있으면 submit된다 진짜 옜날부터 있던 내용인데 모르고있으면 왜그런지 모르고 한세월 찾아보게되는 내용이다 기본적으로 onsubmit 을통한 해결을 주로한다. https://blog.outsider.ne.kr/292 form에 input type=text가 1개만 있으면 엔터누르면 서밋이 된다고??? :: Outsider's Dev Story 지난주에 OKJSP에서 놀다가 신기한 질문을 봤다. blog.outsider.ne.kr https://iberis.tistory.com/18 불러오는 중입니다... 2020. 3. 2. JavaScript-Load-Image https://github.com/blueimp/JavaScript-Load-Image blueimp/JavaScript-Load-Image JavaScript Load Image is a library to load images provided as File or Blob objects or via URL. It returns an optionally scaled and/or cropped HTML img or canvas element. It also provides methods to... github.com 이미지 썸네일 및 리사이징 관련해서 처리중 기본적인건 그냥 FileApi 를 이용해서 작성이 가능했는데 사진이 돌아가는 부분을 처리하기 위해서 좀 귀찮은 부분이 많았다. 그러던중 발견한 Jav.. 2019. 11. 28. ​ Unicode Hex Character Code Zero Width Space 말그대로 빈공백쯤되겠다 2019. 7. 5. function * javascript function* 선언 (끝에 별표가 있는 function keyword) 은 generator function 을 정의하는데, 이 함수는 Generator 객체를 반환합니다.generator function 은 GeneratorFunction 생성자와 function* expression 을 사용해서 정의할 수 있습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function* 2019. 3. 4. atob, btoa BASE64변환 Window 객체에atob()와 btoa()함수를 제공한다.atob() : BASE64 스트링을 디코딩한다btoa() : BASE64 스트링을 인코딩한다 https://www.w3schools.com/jsref/met_win_atob.aspThe original string: Hello World!Encoded String: SGVsbG8gV29ybGQhhttps://www.w3schools.com/jsref/met_win_btoa.aspEncoded String: SGVsbG8gV29ybGQh Decoded String: Hello World! 2018. 11. 29. PDF CANVAS에 출력 BLOB에 저장된 PDF파일을 출력해야될 일이 생겼다.찾아보니 여러가지가 검색되긴했는데 모질라쪽에서 아예 제공되는게 있었다.https://mozilla.github.io/pdf.js/https://mozilla.github.io/pdf.js/examples/index.html#interactive-examples Blob파일을 BASE64 스트링형태로 변환후 전송하고전송된 BASE64스트링을 PDF로 변환하는 형태로 진행했다. pdf.js와pdf.worker.js파일이 필요했고 EXAMPLE대로 따라하니 잘되었다.// atob() is used to convert base64 encoded PDF to binary-like data. // (See also https://developer.mozilla... 2018. 11. 29. Form to JSON FORM을 받아서 JSON형식으로 만들기var test = $(form).serializeArray();JSON.stringify(objectifyForm(test)) function objectifyForm(formArray) {//serialize data functionvar returnArray = {};for (var i = 0; i < formArray.length; i++){returnArray[formArray[i]['name']] = formArray[i]['value'];}return returnArray;} 2018. 11. 9. CANVAS를 이용한 모바일에서 사인처리 CANVAS를 이용한 모바일에서 사인처리1. 참고가 되었던 유튜브https://www.youtube.com/watch?v=P6SLf6jmXS02. 캔버스에 관한 튜토리얼정보https://www.html5canvastutorials.com/3. 파일전송을위한 Blobhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlobhttps://stackoverflow.com/questions/18253378/javascript-blob-upload-with-formdata --------------터치이벤트 다른걸로 처리가능한데 framework7에 있는 돔조작부분을 활용했다. ---- ---이것저것 짬뽕해서 기능구현쪽으로만 적용해놨는데실제.. 2018. 10. 24. 이전 1 2 3 다음