tobesimple

안녕하세요. 투비 심플 입니다. 저는 TbsGrid 란 오픈 소스 데이타 그리드를 개발하고 있습니다. 조금씩 소프트웨어와 개발이 안정화 되는 추세인것 같습니다. 예전에는 자바스크립트만 사용하면 모든 것이 되는 시절이 있었습니다. 지금은 다양한 javascript framework 들이 존재하고,  바닐라자바스크립트(순수), ECMAScript 에 따른 버젼, Typescript, bundling tool 등, 배우는 속도보다 새로운 소프트웨어 내지 업데이트 되는 소프트웨어의 진행 속도가 더 빠른듯 하네요. 항상 공부만 하다가 시간이 다가는 거 같습니다. 이번에 npm 배포, ESM 지원, 타입스크립트, 웹팩, 리액트, 뷰에 대해서 공부를 하게  되는 계기가 되었습니다. 라이브러리 환경 세팅에 시간 소요가..

안녕하세요. 투비심플 입니다. 저는 TbsGrid란 오픈소스 그리드를 만들고 있는데요.아직도 가야할 길이 먼거 같고, 아직은 미완성 입니다. 그리드 만드는 작업은 참 쉬운일이 아닌거 같아요.국내외 상용 그리드가 돈을 받을 만 하네요. 현재, 프로토타입으로 된 소스를 전부 클래스로 변경을 했는데요.가장 중요한 것은 자바스크립트도 json 데이타베이스가 있는게 좋드라고요. 깃허브에 보면, 다양한 오픈 소스가 있지만, 그리드에 최적화 시키려고 허접하지만, JSON 데이타베이스를 직접 개발을 했습니다.그냥 select, update, insert 등등 db에서 사용되는 sql  용어를 썼어요.기능도 별거 없지만, 쓸만하네요. 나중에 조금씩 확장하면 되니까, 없는 것보단 좋은 거 같아요. 여담이지만, 정말로 오픈..

안녕하세요. 투비심플 입니당~~ 저는 오픈소스 개발자 랍니다. 제가 개발하는 오픈소스는 웹 데이타그리드 입니다. 데모는 https://tobesimple.net/ 여기서 확인 할 수 있고요. 소스는 https://github.com/tobesimple7/TbsGrid 여기서 볼 수 있어요. 오픈소스 개발이 첨에 힘들어요. 돈이 되냐고요? 사람마다 다르겠지만, 아마 어렵겠죠?  그래도 좋은 소프트웨어를 만들어보고 싶어요~

애니를 참 잼있어 하는 1인 입니다.장송의 프리렌. 이란 애니가 참 잼있는거 같아요. 수천년을 사는 엘프가 사람들과 교류하면서,  친구들이 나이가 들어 죽는 모습을 보고 슬퍼하는, 마법사 프리렌의 마음의 이야기 인거 같아요. 판타지 애니인데, 한번쯤은 볼만 한거 같아요

안녕하세요 . 투비심플 입니다. 저는 TbsGrid를 만들고 있는 오픈소스 개발자 랍니다. 저는 그리드를 개발하면서, 어떤 구조로 가야 하나 고민이 참 많았습니다. 이상적인 구조를 생각했어요.  근데, 도움이 안된다.... ㅠㅠ 저는 한가지 알겠더라고요. 일단 만들고 보자. 리펙토링은 쉽다. 라는 걸요. 여러분들도 일단 만들어보세용.

안녕하세요. 투비심플 입니다. 오픈소스를 개발하시면, 물론 완성도가 낮더라도,  긱뉴스에 홍보 해보세요. 도움을 주는 사람들도 있고,  별을 주는 사람들도 많습니다.  저도 감사하게 생각하고 있어요. 고마워용~~~ 저도 긱뉴스에 올리게 된 건, 어떤 분의 불로그에서 긱뉴스에 한번 올려보라는 글을 읽었어요. 처음에 정말 창피했어요. 아직 올릴 정도가 되나 고민도 많았지만,  그래도 누군가가 찾아줘서 별을 주고 가는 것이 정말 감사하드라고요. 앞으로 오픈소스 개발에 대한 동기가 될 수 있을거 같아요. 다음은 제 깃허브 방문객 숫자 랍니다. 첨엔 저 혼자였어요. 방문객 숫자는 앞으로 많이 줄겠지만, 그래도 한동안은 행복했답니다.

안녕하세요. 투비심플 입니다. 국내 깃허브 오픈소스 개발자에게도 몇년 전부터 스폰서를 받을 수 있다고들었는데요. 저는 깃허브 스폰서 가입 신청 후 한 2주 정도 걸린거 같습니다. 깃허브 관련 오픈 소스 개발과정도 추후 블로그에 올려 보도록 하겠습니다.

안녕하세요. 투비 심플 입니다. substr 함수는 deprecated 되는 함수 인데요. substring을 사용하다보니, 좀 복잡스럽네요. 그래서 substr 함수를 새로 만들었습니다. /** * t_substr * @param s substr 할 문자열 * @param startIndex 찾는 문자열의 시작 인덱스 * @param len 가지고 오고 싶은 문자열 갯수(없으면 끝까지) * @returns {string} 리턴값. 없으면 null return. */const t_substr = function (s, startIndex, len) { let result = null; try { s = s.toString(); if (arguments.length ==..

안녕하세요. 투비심플 입니다. 난 직장 일을 하기도 하지만, 개인적으로는 오픈소스 개발자 이기도 하다.Pure javascript로 개발하는 오픈소스 컴포넌트가 있다. 컴포넌트 개발은 prototype 만 고집했다.클래스란 것은 어차피 prototype 기반이기 때문에 prototype만 고집했다. 하지만 여러개의 객체를 생성해야 할 일이 있어서, 클래스 객체를 사용할 수 밖에 없었다. 다른 방안도 있겠지만.. Scroll 이란 객체를 생성했다. 코딩량이 늘어나니, 클래스 객체를 사용하는 것에 부담감이 발생했다.한페이지에 오백줄 이상 넘어가면 재미가 없다.  클래스에도 어차피 prototype을 사용할 수 있다고 한다.난 이론적이거나, 문법적인 면은 그다지 많이는 모르는 거 같다.해당 함수를 사용하는데 ..

Javascript로 컴포넌트 개발을 해본다고 치자.Html 안에 어떤 엘리먼트가 있다고 하자. 해당 엘리먼트를 어떻게 가져와야 할까? document.getElementById(엘리먼트 아이디) 로 가져와야 할까?document.querySelector(클랙스 셀렉터) 로 가져와야 할까? 난 후자의 클랙스 셀렉터로 가져오는 방법을 선호한다.많은 컴포넌트 들이 클래스 셀렉터로 가져오고 있다.단지, querySelector 는 non-live 라고 한다. 단순하게 설명하자면, class-div’ /> 가 있다고 치자. let element = document.querySelector(‘.class-div’);let element2 = document.querySelector(‘.class-div’); el..