JavaScript

React + Reflux + REST api + Websocket Demo (v0.0.1)

Github 저장소 : https://github.com/trustyoo86/r3-w1-boilerplate Blog 원본 : http://lazydev.tistory.com/category/DevLab/React React는 Facebook에서 개발한 뷰단위의 컴포넌트 모듈을 제공하는 javascript 라이브러리입니다. 야후, 인스타그램, 페이스북이 현재 React를 적극적으로 사용하고 있으며, 화면에 배치되어 있는 뷰 하나하나가 모델이 되는 모던웹을 지향하고 있습니다. 또한, 단방향 데이터 통신을 지원하여 Angular.js 및 Backbone.js 등의 framework보다 성능면에서 빠른 속도를 보이고 있는 라이브러리입니다. 이런 장점을 가지고 있는 React도 라이브러리인 만큼, SPA(Singl... »

간단한 폰갭 설치법

알고 계시다시피 폰갭이란 HTML, CSS, Javascript로 작성된 모바일웹을 어플리게이션으로 바꾸어주는 도구입니다. 기존의 웹개발 기술을 그대로 앱 개발에 응용할 수 있어 상당히 매력적인 도구라 할 수 있습니다. 그렇기 때문에 대부분의 모바일 웹을 설명하는 책들은 폰갭에 대해서도 소개하는 장을 갖고 있습니다. IT 산업이 그렇듯이 폰갭도 계속적으로 업데이트가 되고 있습니다. 업데이트라는 것이 기존 버젼을 보완, 향상하는 것이기 때문에 긍정적이기는 하지만, 업데이트 내용을 바로바로 따라가는 것은 쉽지 않기 개발자 입장에서는 항상 달가운 것만은 아닙니다. 특히, 가지고 있는 폰갭관련 도서에 나와 있는 내용이 업데이트가 되면서 상당히 달라진 경우는 더욱 난감한 상황에 처하게 됩니다. 그래서, 여기서는 제가... »

Tabletop – Google Spreadsheet 의 데이터를 쉽게 가져올 수 있게 해주는 라이브러리

Tabletop – Google Spreadsheet 의 데이터를 쉽게 가져올 수 있게 해주는 라이브러리

Tabletop http://builtbybalance.com/Tabletop/ Tabletop은 Google Spreadsheet에 올려놓은 데이터에 접근해서 정보를 가져오는 작업을 쉽게 해주는 라이브러리입니다. 제가 Backgrid.js에 있는 예제에서 전 세계 국가들의 인구를 표시한 표를 복사해서 Google Spreadsheet를 만들고 https://docs.google.com/spreadsheet/pub?key=0AqZ1s9zeyZy3dDBwOUx2SGh2SUpPdDdRMHREVDJxZ0E&output=html 에 웹으로 퍼블리시를 해 놓았습니다. URL에서 보시는 것처럼 key는 0AqZ1s9zeyZy3dDBwOUx2SGh2SUpPdDdRMHREVDJxZ0E 입니다. 이 키를 사용해서 ... »

Behave.js – textarea를 텍스트 에디터처럼 바꿔주는 라이브러리

Behave.js – textarea를 텍스트 에디터처럼 바꿔주는 라이브러리

Behave.js http://jakiestfu.github.com/Behave.js/ Behave.js는 textarea를 프로그램 개발할 때 사용하는 텍스트 에디터처럼 바꿔주는 라이브러리입니다. Tab으로 들여쓰기, Shift+Tab으로 내어쓰기, 여러 라인 한꺼번에 들여쓰기/내어쓰기, 여는 괄호쓰면 닫는 괄호 자동으로 생기기 등 진짜 텍스트 에디터처럼 여러 가지 기능이 지원됩니다. Check out this Pen! [참고] Tab Override – textarea 안에서 Tab키로 들여쓰기 가능하게 해주는 라이브러리 »

CanvasQuery – jQuery 스타일 코딩을 가능하게 해주는 canvas 라이브러리

CanvasQuery http://canvasquery.com/ CanvasQuery는 canvas 작업을 jQuery의 메서드 체인 형태 문법을 사용해서 할 수 있게 만든 라이브러리입니다. cq(640, 480) .drawImage(image, 0, 0) .fillStyle("#ff0000") .fillRect(64, 64, 32, 32) .appendTo("body"); 위와 같은 형태의 코딩이 가능해집니다. »

Page 1 of 20123»