bynaki

:origin:

Jasmine v2.3

• http://jasmine.github.io/2.3/introduction.html

예제: Hello World

src/HelloWorld.js:

function helloWorld() {
  return 'Hello World!';

bynaki

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

$ open -a Safari SpecRunner.html

bynaki

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

Atom :: Git And Atom

HEAD로 돌아가기

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

Git status list

• git에 추적되지 않은 모든 파일과 수정된 파일을 리스트로 보려면 cmd-shift-b

bynaki

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

표준 콜백 패턴 :: CALLBACK

var fs = require('fs');
fs.readFile('/etc/passwd', function(err, fileContent) {
  if (err) {
    throw err;
  }

bynaki

Node.js :: Buffer :: 바이너리 데이터의 조작, 인코딩, 디코딩을 위한 버퍼 활용 :: Using Buffers to Manipulate, Encode, and Decode Binary Data

버퍼의 길이는 바이트로 지정하며, 버퍼에서는 임의로 바이트를 설정하고, 가져올 수 있다.

버퍼의 생성 :: CREATING A BUFFER

utf-8 인코딩된 문자열로 버퍼 생성:

var buf = new Buffer('Hello World!'); // 기본은 utf-8 인코딩.

bynaki

html

참고 사이트

placehold.it

• 원하는 크기의 이미지를 재공해 준다. 사용법은 예제 참조.

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

bynaki

Atom :: Style Less 변수들. :: @import "ui-variables"

ui-variables.less 파일에 추가:

@import "ui-variables";

ui-variables.less:

bynaki

CSS

border

border: width style color

{ border: 1px solid #dddddd; }

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

bynaki

: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