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

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 외국웹에선 위와 같은 명칭으로 불리지만 쉽게 말하자면 말하는 웹에디터이다. 스마트에디터, 다음에디터 등 웹에서 조금 더 서식을 꾸며 작성할 수 있게 하는 ..