cs09g

{
  a0: {b0: c0},
  a1: b1,
  a2: {b2: {c1: d0, c2: d1}}
}
이런 형태의 JSON 을 보내야 하고, 입력 form을 다음과 같이 설정하였을 때 사용하기 위한 코드이다.
<input id="a0.b0">
<input id="a1">
<input id="a2.b2.c1">
<input id="a2.b2.c2">

cs09g

/*
    Pinterest Grid Plugin
    Copyright 2014 Mediademons
    @author smm 16/04/2014
    
    @modifier cs09g 02/10/2016
    @comment:
      In the original source, the class of grid element was updated all the time when the page is resized or not.
      I added one condition to check the page is resized.
      Referenced from: http://www.jqueryscript.net/layout/Simple-jQuery-Plugin-To-Create-Pinterest-Style-Grid-Layout-Pinterest-Grid.html  

cs09g

/*
 * It returns previous element sibling
 *    works like jquery's `prev` but combined selector is not supported
 *
 */
var prev = function(target, selector) {
    var siblings = target.parentNode.children;
    var previousElementSibling;

    for (var i = Array.prototype.indexOf.call(siblings, target) - 1; i >= 0; i--) {

cs09g

/*
 * It returns next element sibling
 *    works like jquery's `next` but combined selector is not supported
 *
 */
var next = function(target, selector) {
    var siblings = target.parentNode.children;
    var nextElementSibling;

    for (var i = Array.prototype.indexOf.call(siblings, target) + 1; i < siblings.length; i++) {

cs09g

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

😄

cs09g

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

cs09g

/**
 * @desc It triggers mouse event.
 * @param {HTMLElement} element target DOM element
 * @param {string} type type of event
 * @param {number} x clientX of event
 * @param {number} y clientY of event
 */
export function simulateEvent(element, type, x, y) {
  const mouseEvent = new MouseEvent(type, {
    screenX: 0,

cs09g

/*
 * convert camel case string to kebab case string
 * e.g. camelCaseString => camel-case-string
 *
 * note:
 *  It doesn't support for weird camel case such as "HTMLElement"
 *  The first letter of camel case string should be with lower case.
 */
function convertStringCamelToKebab(camel) {
  return camel.split("").reduce((acc, char) => [...acc, char < "a" ? `-${char.toLowerCase()}` : char], []).join("");

cs09g

let dash = [3, 3]; // your input; dash you want to animate
let speed = 0.5; // your input; speed rate
let dashArraySeq = createDashArraySeq(dash, speed); // `dashArraySeq` contains dash arrays you can use

function createDashArraySeq(dash, speed = 1) {
  let dashArraySeq = [dash];
  for (let i = speed, len = dash[0] + dash[1]; i < len; i += speed) {
    const arr = [];
    if (i <= len - dash[0]) {
      arr.push(0, i, dash[0], dash[1] - i);

cs09g

const http = require("http");
const csv = require("csv-parser");

const csvPath = "http://remoteurl/some.csv";
const results = [];

http.get(csvPath,
  (response) => {
    response
      .pipe(csv())