Real Vectorism. 훨씬 더 입체적으로...

Material Grid Testgrast.github.io Svelte.js + Materialize.css 를 사용할 경우에 최적화된 데이터그리드. react 나 vue 를 쓰면 나와있는 데이터그리드 라이브러리가 많으니까 그냥 아무렇게나 쓴다고 쳐도 Svelte 는 진짜 아무리 찾아봐도 제대로 된 라이브러리가 없는것 처럼 보여서 아예 못쓰는건가 싶어서 직접 만들어버림. 초기버전인 만큼 기능과 버그가 자잘자잘하게 있음. 일단 체크박스를 통한 다중선택은 가능하나 드래그를 통한 다중선택은 지원하지 않음. 그것말고도 헤더컬럼의 커스터마이징이라던가 그런것도 지원 안함. 셀 더블클릭을 통한 데이터수정도 지원하긴 하는데 이건 조금 더 손봐야 할 예정. 써보면 알겠지만 넥사크로의 그나마 강점이라 불리는 데이터그리드..

정의 Array.prototype.groupBy = function(mapper = util.mandatory("mapper")) { let keySet = new Set(this.map(mapper)); let groupObj = {}; for(const keyItem of keySet) { groupObj[keyItem] = this.filter(item => mapper(item) == keyItem); } return groupObj; }; IE에서는 사용할 수 없도록 mandatory를 사용한 소스코드. IE는 생각조차도 하지 말것. 사용 const arr = [{ "color": "red", "gender": "female" }, { "color": "red", "gender": "female..

아주 좋은 자바스크립트 클래스를 제공해드릴테니 멍청하고 정신나간 페이스북을 멀리하세요.

여태 했었던 짓 var title = "title"; var multiString = "" + "" + "" + title + "" + "" + ""; ES6 부터 var title = "title"; var multiString = ` ${title} `; 숫자 1 왼쪽에 있는 ` (백틱) 을 사용하면 멀티스트링입력이 된다

class Test { constructor(idx, name, nick, regdate) { this.idx = idx; this.name = name; this.nick = nick; this.regdate = regdate; } setIdx(idx) { this.idx = idx; return this; } setName(name) { this.name = name; return this; } setNick(nick) { this.nick = nick; return this; } setRegdate(regdate) { this.regdate = regdate; return this; } getIdx() { return this.idx; } getName() { return this.name; } g..