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

/*
 * 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

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

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

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

cs09g

const workerScript = `
  // your script here
`;
const blob = new Blob([
  workerScript,
], {
  type: "text/javascipt"
});

const worker = new Worker(window.URL.createObjectURL(blob));

cs09g

Homebrew Permissions Denied Issues Solution

sudo chown -R $(whoami) $(brew --prefix)/*