본문 바로가기

잡단한것들

 (75)
Tus프로토콜을 사용한 업로드 const input = document.getElementById('input'); ​ input.addEventListener("change", function (e) { const files = e.target.files; ​ function tusUpload(files) { [].map.call(files, (file, index) => { var upload = new tus.Upload(file, { endpoint: 'http://localhost:5000/uploads', retryDelays: [0, 3000, 5000, 10000, 20000], metadata: { filename: file.name, filetype: file.type }, chunkSize: 8 * 1024 * 1..
file.slice is not a function, 비배열 객체, 유사배열 File 객체를 콘솔로 찍어보면 배열로 표시된다. 하지만 리얼 배열은 아니므로 배열 메서드를 사용할 수 없다. const blob = new Blob([].slice.call(file, from, to)); 위와 같이 []배열에 담아준뒤 slice메서드를 실행 한 후 blob으로 전송하기 위해 다시 blob객체에 담아줬다. 하지만 서버단에 보낸 param정보들을 split하려니깐 또 에러가 나는데 (name || '').split('.').pop(); 다음과 같이 name값이 없으면 빈문자열을 넣어주니 잘 된다. splice는 잘라내기 slice는 부분복사(원본 배열 손상x) * 더 쉬운 방법 Array.from(유사배열객체); Array.from() 메서드는 유사 배열 객체(array-like obje..
Node.js, FormData => multer모듈로 업로드 하기 client document.getElementById("filepicker").addEventListener("change", e => { menuVal.checked = false; let output = document.getElementById("listing"); let files = e.target.files; for (let i = 0; i { let percentage = (e.loaded * 100) / e.total; let currentPercentage = Math.round(percentage); console.log(currentPercentage + "%"); setProgress(currentPercentage ); }, headers: { 'Content-Type': 'mu..
웹브라우저에서 녹음을 해보자 MediaDevices.getUserMedia() Int16Array blob int16Array blob객체 활용하기 Document record stop const record = document.querySelector(".record"); const stop = document.querySelector(".stop"); if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { console.log("getUserMedia supported."); navigator.mediaDevices.getUserMedia( // constraints - only audio needed for this app { audio: true, } ).then(function (stream) { //Success CallBack c..
딥러닝을 공부해보자 https://wikidocs.net/book/2155 위키독스 온라인 책을 제작 공유하는 플랫폼 서비스 wikidocs.net http://bigdata.dongguk.ac.kr/index.php Big data Lab. Jinseog Kim He is an associate professor in Department of Applied Statistics at Dongguk University. He received Ph.D of Statistics in 2003 in Department of Statistics at Seoul National University. His research interests are data mining related topics inclu bigdata.dongguk...
백엔드 개발자를 꿈꾸는 학생들에게 https://github.com/woowacourse/back-end-roadmap GitHub - woowacourse/back-end-roadmap: 우아한테크코스 로드맵 우아한테크코스 로드맵. Contribute to woowacourse/back-end-roadmap development by creating an account on GitHub. github.com
도커 https://www.yalco.kr/36_docker/
hash와 history MPA multi-page application (1) link tag() 클릭 (2) href 속성attribute값인 리소스의 경로가 URL의 path에 추가 (3) 브라우저의 주소창에 path값 표시 (4) 해당 리소스를 서버에 요청 => 클라이언트에서 1~4를 거쳐서 요청을 보내면 서버 측에서 완전한 리소스를 html형태로 응답한다. 또한 브라우저 측에서는 이 html을 받아서 렌더링한다. 이전 페이지에서 새로 받아온 페이지로 전환하는 방식, 즉 전체 페이지를 다시 렌더링하는 방식 따라서 새로고침이 발생하고 히스토리가 남는다.(=뒤로가기 사용가능) 하지만, 매번 클라이언트의 요청에 새로 데이터를 받아와서 다시 렌더링 해야되므로 중복된 자원들에 대한 퍼포먼스 측면에서 손해가 있음 => 이를 보완하기..

티스토리툴바