Skip to content

Instantly share code, notes, and snippets.

View bynaki's full-sized avatar
๐Ÿ’‚โ€โ™‚๏ธ
I'll be back! ๐Ÿ‘

bynaki bynaki

๐Ÿ’‚โ€โ™‚๏ธ
I'll be back! ๐Ÿ‘
View GitHub Profile
@bynaki
bynaki / 1523f97733c-afc026aa.md
Last active January 14, 2016 10:06
Hello World

Hello World

@bynaki
bynaki / 15216845d08-054fbbe5.md
Created January 6, 2016 10:38
Hello - You Don't Need jQuery - ๋ชฉ์ฐจ - Query Selector

Hello

You Don't Need jQuery

์˜ค๋Š˜๋‚  ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์€ ๊ธ‰๊ฒฉํžˆ ์ง„ํ™”ํ•˜๊ณ  ์žˆ๊ณ , ๋ชจ๋˜ ๋ธŒ๋ผ์šฐ์ €๋“ค์€ ์ด๋ฏธ ์ถฉ๋ถ„ํžˆ ๋งŽ์€ DOM/BOM API๋“ค์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” jQuery๋ฅผ DOM ์ฒ˜๋ฆฌ๋‚˜ ์ด๋ฒคํŠธ๋ฅผ ์œ„ํ•ด ์ฒ˜์Œ๋ถ€ํ„ฐ ๋ฐฐ์šธ ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. React, Angular, Vue๊ฐ™์€ ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ์ฃผ๋„๊ถŒ์„ ์ฐจ์ง€ํ•˜๋Š” ๋™์•ˆ DOM์„ ๋ฐ”๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์€ ์•ˆํ‹ฐํŒจํ„ด์ด ๋˜์—ˆ๊ณ , jQuery์˜ ์ค‘์š”์„ฑ์€ ์ค„์–ด๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” ๋Œ€๋ถ€๋ถ„์˜ jQuery ๋ฉ”์†Œ๋“œ์˜ ๋Œ€์•ˆ์„ IE 10+ ์ด์ƒ์„ ์ง€์›ํ•˜๋Š” ๋„ค์ดํ‹ฐ๋ธŒ ๊ตฌํ˜„์œผ๋กœ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

๋ชฉ์ฐจ

  1. Query Selector
  2. CSS & Style
  3. DOM ์กฐ์ž‘
@bynaki
bynaki / 151e92adb50-113e046b.md
Last active December 28, 2015 15:18
untitled
{{JSRef}} {{harmony}}

The Map object is a simple key/value map. Any value (both objects and {{Glossary("Primitive", "primitive values")}}) may be used as either a key or a value.

Syntax

new Map([iterable])
@bynaki
bynaki / 151de59b2eb-542f0a5e.md
Last active December 26, 2015 12:57
ctime, mtime, atime - ctime: - mtime: - atime: - ํŒŒ์ผ์˜ ctime,

ctime, mtime, atime

์šฐ๋ฆฌ๋Š” ๋Œ€์ฒด๋กœ ์ด๋ ‡๊ฒŒ ์ƒ๊ฐํ•œ๋‹ค.

ctime : create time , mtime = modify time , atime = access time ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

ํ•˜์ง€๋งŒ ์ด๋ ‡๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด ์•ˆ๋œ๋‹ค.

@bynaki
bynaki / 151aed81317-e2636335.md
Last active January 27, 2022 08:29
Gulp :: Babel๊ณผ Mocha ์‚ฌ์šฉ ๊ตฌํ˜„. - 1. Babel - Babel ์„ค์น˜. - Babel p

Gulp :: Babel๊ณผ Mocha ์‚ฌ์šฉ ๊ตฌํ˜„.

1. Babel

Babel ์„ค์น˜.
$ npm install -g babel-cli
@bynaki
bynaki / 151aea57e87-e766050a.md
Last active December 17, 2015 07:00
Babel๋กœ ECMAScript 2015 ์‚ฌ์šฉํ•˜๊ธฐ - Babel - babel-node - babel๋กœ ES

:origin:

Babel๋กœ ECMAScript 2015 ์‚ฌ์šฉํ•˜๊ธฐ

์š”์ฆ˜ JavaScript ๊ด€๋ จ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ณด๋ฉด ECMAScript 2015๋กœ ๋Œ€๋ถ€๋ถ„ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๊ณ  ์ด ์ฝ”๋“œ๋Š” ์ƒ๋‹นํžˆ ๊น”๋”ํ•ด ์ ธ์„œ ์–ผํ• ๋ณด๋ฉด JavaScript ์ฝ”๋“œ์ธ์ง€ ์ธ์‹ ๋ชป ํ•  ์ •๋„์ด๋‹ค. ํ˜„์žฌ ๋ณดํ†ต ์‚ฌ์šฉํ•˜๋Š” JavaScript๋Š” ECMAScript์— ๊ธฐ๋ฐ˜์„ ๋‘๊ณ  ์žˆ๋Š”๋ฐ ์ •ํ™•ํžˆ๋Š” ECMAScript-262 3๋ฒˆ์งธ ์—๋””์…˜์„ ์“ฐ๊ณ  ์žˆ๋‹ค. ์ด๋Ÿฐ ๊ณผ๊ฑฐ์— ๋Œ€ํ•ด์„œ๋Š” ์ด์ „์— ์“ด JavaScript.next์— ๋Œ€ํ•ด์„œ์— ์ž์„ธํžˆ ์ •๋ฆฌ๋˜์–ด ์žˆ๋‹ค.

์ดํ›„ ECMAScript 5๋ฅผ ์ง€๋‚˜์„œ ECMAScript 6 ์—๋””์…˜(ES6)๋กœ ์ ‘์–ด๋“ค์—ˆ๊ณ  ์ด๋•Œ๋ถ€ํ„ฐ๋Š” ๋ฒ„์ „ ๋ฒˆํ˜ธ๋ฅผ ๋ฆด๋ฆฌ์ฆˆ ์—ฐ๋„๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ•ด์„œ ES2015๋ผ๊ณ  ๋ถ€๋ฅด๋ฏ€๋กœ ES6์™€ ES2015๋Š” ๊ฐ™๋‹ค.(์ฐธ๊ณ ๋กœ ES7์€ ES2016์ด ๋  ๊ฒƒ์ด๋‹ค.) ES2015์—์„œ๋Š” ์–ธ์–ด์ ์œผ๋กœ ํฐ ๋ณ€ํ™”๊ฐ€ ์ด๋ค„์กŒ์œผ๋ฏ€๋กœ ๋งŽ์€ JavaScript๊ฐ€ ES2015๊ธฐ๋ฐ˜์œผ๋กœ ๊ฐˆ์•„ํƒ€๋Š” ์ƒํ™ฉ์ด๋‹ค. ES2015์— ๋Œ€ํ•œ ์ง€์›์ƒํƒœ๋Š” ES6 ํ˜ธํ™˜์„ฑ ํ‘œ์— ์ž˜ ๋‚˜์™€ ์žˆ๋‹ค.

Babel

@bynaki
bynaki / 151ae492d02-4b55514f.md
Last active December 17, 2015 05:15
Babel :: gulp์—์„œ Babel์„ ์‚ฌ์šฉํ•œ ES2015 ์ฝ”๋“œ ๋ณ€ํ™˜ - ES2015 ์„ค์ • - gulp ์„ค

:origin:

Babel :: gulp์—์„œ Babel์„ ์‚ฌ์šฉํ•œ ES2015 ์ฝ”๋“œ ๋ณ€ํ™˜

์–ผ๋งˆ ์ „์— Babel๋กœ ECMAScript 2015 ์‚ฌ์šฉํ•˜๊ธฐ๋ผ๋Š” ๊ธ€์„ ์˜ฌ๋ ธ๋Š”๋ฐ ES2015๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ„๋‹จํ•œ Babel ์„ค์ •์„ ์‚ดํŽด๋ดค๋‹ค. ์‹ค์ œ ํ”„๋กœ์ ํŠธ์—์„œ Babel๋กœ ES2015๋กœ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ๊ณ„์†ํ•ด์„œ ํŠธ๋žœ์ŠคํŒŒ์ผ ํ•˜๋ ค๋ฉด ์ž๋™ํ™”๋œ ํ™˜๊ฒฝ์ด ํ•„์š”ํ•˜๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” gulp๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

ES2015 ์„ค์ •

@bynaki
bynaki / 151a4485fdb-f07c078.md
Created December 15, 2015 06:17
JavaScript :: Tips - arguments Array ๊ฐ์ฒด๋กœ ๋งŒ๋“ค๊ธฐ.

JavaScript :: Tips

arguments Array ๊ฐ์ฒด๋กœ ๋งŒ๋“ค๊ธฐ.

var args = Array.prototype.slice.call(arguments);
@bynaki
bynaki / 15185316b10-d33535a8.md
Created December 9, 2015 05:24
NodeGit :: init

NodeGit :: init

// git init and initial commit.
//

var nodegit = require("nodegit");
var path = require("path");
var promisify = require("promisify-node");
var fse = promisify(require("fs-extra"));
@bynaki
bynaki / 1517f8f4391-eb5d08ab.md
Last active December 8, 2015 03:09
Gulp :: gulp-babel - Install - Usage - API - babel([options]

:origin:

Gulp :: gulp-babel

Use next generation JavaScript, today, with Babel

Issues with the output should be reported on the Babel issue tracker.

Install