node-webkit vs. atom-shell vs. brackets-shell

node-webkit vs. atom-shell vs. brackets-shell


✔ Linux: 32bit / 64bit
✔ Windows: 32bit / 64bit
✔ Mac 10.7+: 32bit / 64bit

  • entry point: web page (package.json)
  • patched Chromium
    (can take some time before new Chromium builds are pulled in)
  • Node & web context(s)

✔ Linux: 32bit / 64bit
✔ Windows: 32bit
✔ Mac: 64bit

  • entry point: JavaScript script
    create browser window manually
  • more like the Node.js runtime (APIs are more low level)
  • libchromiumcontent (improves building from source)
  • multi-context
By Adobe Systems Incorporated [Public domain], via Wikimedia Commons

✘ Linux1
✘ Windows1
✘ Mac1

The brackets-shell is only maintained for use by the Brackets project. Although some people have definitely had success using it as an app shell for other projects, we don’t provide any official support for that and we haven’t done a ton of work to make the app shell easily reusable. Many people will likely find it easier to use a project like node-webkit, which is more generic by design.2

Further readings

1 The specified platforms refer to the currently (27/12/14) available prebuilt binaries:

  • node-webkit: v0.11.4: (Dec 24, 2014, based off of Node v0.11.13, Chromium 38.0.2125.104)
  • atom-shell: v0.20.2 (Dec 22, 2014)
  • brackets-shell: release-1.1 (Dec 18, 2014)
    You either need to build from source, or grab the latest Brackets installer and run the shell from that.

from :

bootstrap x-editable

Emmet (Zen Coding)

zen coding

  • 젠코딩은 HTML 코딩의 생산성을 향상시켜주는 도구
  • eclipse, vim, dreamweaver, editplus와 같은 에디터에 플러그인으로 설치
  • 젠코딩 홈페이지


  • ID, CLASS 속성
    • div#page.section.main
    • <div id="page" class="section main"></div>
  • 커스텀 속성
    • a[title="hello world"]
    • <a title="hello world"></a>
  • 엘리먼트 복제
    • li*3
    • <li></li><li></li><li></li>
  • 넘버링 - $ 위치에 값이 1부터 1씩 증가 (1,2,3,4...)
    • li.item$*3
    • <li class="item1"></li><li class="item2"></li><li class="item3"></li>
    • li.item$$$*2
    • <li class="item001"></li><li class="item002"></li>
  • 그룹핑
    • div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer
  • ID, CLASS 앞에 태그명을 생략하면 DIV로 간주
    • #content>.section
    • <div id="content"><div class="section"></div></div>
  • 텍스트
    • p>{click}
    • <p>click</p>


출처 :

textarea autocomplete plugin

RMI bind할때 2개 아이피가 있을 경우 특정 IP 연결

1System.setProperty("java.rmi.server.hostname""<<rmi server ip>>"); 
1-Djava.rmi.server.hostname=<<rmi server ip>>