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 / 1510fa58be0-922421e5.md
Last active November 18, 2015 21:16
Coffee Script - 설치. - Coffee Script 명령어 - JavaScript로 컴파일. -

Coffee Script

설치.

$ npm install -g coffee-script

Coffee Script 명령어

@bynaki
bynaki / 15126cbb0e0-f32c051d.md
Last active November 20, 2015 21:51
CSS - border - border: width style color - border-radius: to

CSS

border

border: width style color

{ border: 1px solid #dddddd; }

border-radius: top-left top-right bottom-right bottom-left

@bynaki
bynaki / 15126f05e27-b2ba15b7.md
Last active November 20, 2015 23:02
html - 참고 사이트 - <img> - ex01 - ex02 :: 이미지 사이즈 제한.
@bynaki
bynaki / 1512567e16f-05ebaa06.md
Last active November 24, 2015 09:22
JavaScript :: 선택 문자열 가져오기. :: Selected Text - Demo

:origin:

JavaScript :: 선택 문자열 가져오기. :: Selected Text

You may have noticed that a few sites out there trigger some type of event when you use your mouse to select a word or a block of text on the page. After selecting some text, a little pop-up might appear allowing you to look up the definition of the selected word, or search Google for the selected phrase. The New York Times online is a perfect example; while reading any of their articles, select a block of text with your mouse and you'll notice a little balloon like icon appears. If you click the balloon icon, a pop-up window opens that back searches all New York Times articles for the selected text. Like any reasonable software engineer, I was curious how the New York Times online implemented this select, click, and search feature.

As it turns out, implementing your own is quite easy with jQuery [a

@bynaki
bynaki / 151202ee168-8883283.md
Last active November 24, 2015 09:28
JavaScript :: File Dialog 만들기. :: jquery 를 이용하여. - Preview s

:origin:

JavaScript :: File Dialog 만들기. :: jquery 를 이용하여.

Preview selected images for uploading using jQuery

  • Published on 21st November 2013

This is the continuation of how to open a multi select file dialogue just using JavaScript. In this tutorial I will explain how to preview the selected files before upload.

@bynaki
bynaki / 1511108670c-ace6e098.md
Last active November 24, 2015 10:05
JavaScript :: marked api - Install - Usage - Browser - marke

:origin:

JavaScript :: marked api

A full-featured markdown parser and compiler, written in JavaScript. Built for speed.

[NPM version][badge]

Install

@bynaki
bynaki / 15139c0abed-2f48dc37.md
Created November 24, 2015 13:48
Node.js :: 이벤트 이미터 :: Event Emitter - 표준 콜백 패턴 :: CALLBACK -

Node.js :: 이벤트 이미터 :: Event Emitter

표준 콜백 패턴 :: CALLBACK

var fs = require('fs');
fs.readFile('/etc/passwd', function(err, fileContent) {
  if (err) {
    throw err;
  }
@bynaki
bynaki / 15139c44a93-a28e2fe2.md
Created November 24, 2015 13:52
Atom :: Git And Atom - HEAD로 돌아가기 - Git status list - Git의 기

Atom :: Git And Atom

HEAD로 돌아가기

  • 최근 커밋한 상태로 돌아가려면 cmd-alt-z
  • 다시 돌아가고 싶으면 cmd-z

Git status list

  • git에 추적되지 않은 모든 파일과 수정된 파일을 리스트로 보려면 cmd-shift-b
@bynaki
bynaki / 15139d37294-6cfa862a.md
Created November 24, 2015 14:09
Atom :: The Init File

Atom :: The Init File

Atom이 실행된후, ~/.atom 디렉토리에 있는 init.coffee 파일이 실행되며, 너에게 원하는 대로 만든 CoffeeScript 코드를 실행할 기회를 준다. 너는 Atom > Open Your Init Script 메뉴에서 init.coffee 파일을 열수있다. 이 파일은 또한 init.js 이름 지어질 수 있으며 JavaScript 코드를 포함할 수 있다.

예를 들어, 만약 너가 Audio Beep 활성화 하고 싶다면, 너는 밑에 코드를 너의 init.coffe 파일에 추가하면 Atom을 실행할 때마다 Beep가 울릴것이다.

code:

atom.beep()
@bynaki
bynaki / 15139eac868-7e30b903.md
Created November 24, 2015 14:35
OSX :: command line (CLI) 에서 앱 실행.

OSX :: command line (CLI) 에서 앱 실행.

$ open -a Safari SpecRunner.html