개발에 대한 두서 없는 이야기

개발하는 해당 툴은 사실 크게 필요가 없다. 왜냐하면 그냥 유튜브에서 보는것이 편하기 때문이다. 해당 API는 구글에서는 외부에서 링크한 걸린 유튜브 영상에 대해서 어느정도 컨트롤 및 정보를 제공하며 해당 API를 활용하여 영상을 보면서 의견 개진이나, 또는 소통이 편할 수 있었으면 해서 만들어 보았다. 구글에서 제공하는 유튜브는 서비스에 대해서 크게 부족함을 느낀적은 없지만 한국인으로써 약간의 아쉬운점이 있다면 바로 영상 댓글일것이다. 모두 보기 힘들며, 시간순서대로 정렬되지 않고, 여러 외국인도 함께 보는 영상인이라면 영어가 우선으로 뜨기 때문에 영상을 보고나서 또 즐길 수 있는 댓글의 재미가 반감이 되버리고, 불편한 면이 있다. 이러한 영상을 보고 감상을 하거나 이야기 하는데 이 해당API를 응용하..

일반적으로 동영상의 썸네일은 FFMpeg을 활용하여 서버단에서 처리하지만 간단하게 클라이언트쪽에서도 처리 할 수 있다. 주석을 참고 하기 바란다. 이런식으로 동영상 파일 첨부시 클라이언트단에서 동영상의 특정 부분을 캡쳐하여 이미지화 할 수 있고 썸네일을 만들어서 파일 전송시 같이 보내 줄 수 있다.

javascript로 플러그인이나 라이브러리 좀 더 편한 개발을 위해 제작하다보면 innerHTML을 많이 활용하게 된다. var div = document.createElement('div'); div.className = "modal"; div.innerText = '모달내용'; document.body.appendChild(div); 이렇게 하는것보다 document.body.innerHTML += `모달내용 이 편하기 때문이다. 하지만 innerHTML의 경우 추가된 내용만 추가하는것이 아니라 모든 내용을 처음부터 다시 그린다. 새로 작성하는것과 마찬가지라는 것이다. 그래서 등록된 이벤트, 현재 진행중인 이벤트 모든것이 취소가 된다. 물론 해당 태그에 직접 onclick등으로 된것은 해당 엘리먼트..

프로그래머가 처음부터 개발을 담당한다면 이러한 일은 별로 없겠지만 누가 만들고 간 소스, 누가 만들다 만 소스. 만들어진 소스에 커스텀한 소스 등을 맞이 하다 보면 이런 상황이 필요해질 때가 있다. 인터넷에서 검색해보니 JQuery 이미 나와있다. jQuery.fn.serializeObject = function() { var obj = null; try { if(this[0].tagName && this[0].tagName.toUpperCase() == "FORM" ) { var arr = this.serializeArray(); if(arr){ obj = {}; jQuery.each(arr, function() { obj[this.name] = this.value; }); } } }catch(e) {..

2020/12/20 - [프로그래밍/자바스크립트] - WebAssembly를 활용한 Rich Text Editor 제작기 1편 [WebAssembly를 활용한 Rich Text Editor 제작기 1편 WebAssembly 아직까지 많은 활용은 이뤄지지 못하고 있지만 모든 모던 웹브라우저가 지원을 하기 시작했고, 많은 양의 데이터의 처리가 항상 문제가 되는 웹 특성상 이 속도를 획기적으로 줄일 수 shifeed.tistory.com](https://shifeed.tistory.com/entry/WebAssembly를-활용한-Rich-Text-Editor-제작기-1편) 실제 문서 편집에 필요한 아이콘 추가하기 앞서는 간단히 Rust에서 Dom을 조작할 수 있게 설정하고 최소한이 필요함인 텍스트 에디터 형태..

WebAssembly 아직까지 많은 활용은 이뤄지지 못하고 있지만 모든 모던 웹브라우저가 지원을 하기 시작했고, 많은 양의 데이터의 처리가 항상 문제가 되는 웹 특성상 이 속도를 획기적으로 줄일 수 있는 웹 어셈블리는 앞으로 확실히 그 사용용도나 가치는 증가할 것으로 보인다. c, c++, golang, rust 등 다양한 언어 등으로 개발 할 수 있다. 개인적으로 설명을 더 하고 싶지만 설명보다는 직접 해보는것이 빠르고 이미 웹어셈블리가 가진 장점이나 단점 가능성 등은 구글에서 검색만 해봐도 나오기에 굳이 쓰지 않겠다. Rich Text Editor 외국웹에선 위와 같은 명칭으로 불리지만 쉽게 말하자면 말하는 웹에디터이다. 스마트에디터, 다음에디터 등 웹에서 조금 더 서식을 꾸며 작성할 수 있게 하는 ..