11월 2013에 작성된 문서
-
IndexedDB, Redis, Node.js로 노트 앱 만들기
이 글은 Jennifer Fong-Adwent과 Robert Nyman의 Building a Notes App with IndexedDB, Redis and Node.js의 한국어 번역본입니다. 이번 글에서는 기본 노트 앱을 만들어 볼 것입니다. 지금 만들어 볼 노트 앱은 사용자가 오프라인일 때 로컬에 데이터를 저장하고 온라인일 경우 원격으로 로컬과 동기화할 수 있는 앱입니다. 서버사이드에 Redis 사용하기 Redis에 데이터를 기록할 때는 MySQL이나 PostgreSQL같은 관계형 데이터베이스를 […] -
Stack Overflow에 개발자 Q&A란을 열었습니다.
이 글은 Robert Nyman의 Launching developer Q&A on Stack Overflow의 한국어 번역본입니다. 모질라에서 가장 중요하게 생각하는 것중 하나는 개발자 여러분과의 직접 소통하는 것에 대한 필요성이고 여러분들이 열린 기술들을 활용하여 개발하는 도중에 부딪히는 문제나 도전에 대해 도움을 드리는 것입니다. 그래서 Stack Overflow에 개발자 Q&A를 열었다는 소식을 알려드리게 되어 정말 기쁘게 생각합니다. Stack Overflow는 개발자들 사이에서 가장 […] -
HTML5 캔버스에서 드래그 앤 드롭을 이용하여 섬네일 만들기
이 글은 Creating thumbnails with drag and drop and HTML5 canvas 을 번역한 글입니다. HTML5 캔버스는 뛰어난 특징을 가지고 있다. 겉보기에는 브라우저 내에서 저수준의 API를 이용하여 그림을 그리는 것뿐이지만 실제로는 이를 이용하여 이미지나 문서 내 비디오 컨텐츠를 조정하거나 변경할 수 있다. 이제 캔버스를 이용하여 브라우저 문서 안에 있는 이미지의 섬네일을 생성하기 위해 사용하는 FileReader API에 […] -
WebRTC를 활용한 반응형 웹 타이포그래피
이 글은 Marko Dugonjić과 Robert Nyman [Editor]의 Responsive Web Typography with WebRTC의 한국어 번역본입니다. 저는 최근에 생겨나는 웹 기술들 – WebRTC (Web Real-Time Communication)이나 WebAPI같은 것들 – 이 지향하는 방향을 매우 좋아합니다. 그런 기술들이 이미 우리가 가진 컴퓨터나 태플릿, 스마트폰에 내장된 하드웨어의 다양한 부분을 활용하여 사용자 경험을 증대시켜주기 때문입니다. WebRTC를 활용한 반응형 타이포그래피는 그러한 사용자 경험을 증대시켜주는 단순한 […] -
Firefox 개발자 도구로 WebGL 쉐이더 실시간 편집하기
이 글은 Jeff Griffiths, Victor Porof와 Robert Nyman의 Live editing WebGL shaders with Firefox Developer Tools의 한국어 번역본입니다. 혹시 여러분이 Epic Games의 HTML5로 만든 ‘Epic Citadel’를 보신적이 있다면, 분명 게임의 퍼포먼스 측면에서나 표현의 디테일에 감탄했을 것입니다. 여러분이 화면에서 본 멋진 시각적 효과들을 만들어낸 코드들은 프로그램에 함께 링크된 asshaders로 작성되었습니다 – 실시간 시각적 효과의 높은 성능을 내기 위해 […] -
Firefox 개발자 도구: 에피소드 27 – Edit as HTML와 Codemirror, 그리고 몇 가지 기능들
이 글은 Paul Roget의 Firefox Developer Tools: Episode 27 – Edit as HTML, Codemirror & more의 한국어 번역본입니다. Firefox 27이 Aurora 배포 채널에 포함되었습니다. 여기서 Firefox 개발자 도구의 새로운 기능을 소개하려고 합니다. JS 디버거: DOM 이벤트 Break 이제 수동으로 breakpoint를 지정할 필요없이 자동으로 여러 DOM 이벤트에 break를 걸 수 있습니다. 디버 창의 가장 오른쪽 상단(search […] -
다양한 기기들에 맞게 웹앱 디자인하기
이 글은 Doug Reeder 및 Robert Nyman의 Designing Web Apps For Multiple Devices의 한국어 번역본입니다. 2010년 전까지만해도, 스마트폰이나 데스트탑/노트북 이외에 웹에 접속할 수 있는 기기들은 그다지 많지 않았습니다. 개발자들은 작은 화면과, 적은 대역폭을 가지고 아주 잠깐씩 웹앱을 사용하는 스마트폰 사용자만을 예상하고 만들면 됐습니다. 그리고 큰 화면과, 더 큰 대역폭을 가지고 웹앱에 많은 시간을 보내는 데스크탑 […] -
크라우드펀딩 사이트를 만들어보고 싶나요?
크라우드 펀딩을 위한 도구는 ‘크라우드’ 것이여야 합니다. 이것이 제가 지금 300줄도 안되는 코드로 여러분만의 크라우드 펀딩 사이트를 구축할 수 있는 법을 알려드리는 이유입니다. 이 튜토리얼에 있는 모든 것들은 오픈 소스이며 Node.js같은 오픈 소스 기술만을 사용할 것입니다. 실시간 데모영상 모든 소스 코드와 튜토리얼 문서는 퍼블릭 도메인입니다. 0. 빠르게 시작하기 빠르게 크라우드펀딩 사이트를 만들고 싶다면 crowdfunding-tuts repository를 복사하여 /demo […] -
크로스 플랫폼 오픈 웹 어플리케이션의 진행 상황
이 글은 Progress report on cross-platform Open Web Apps에 대한 번역 및 편집본입니다. 여기 Hacks 블로그에서 지금껏 저희들은 HTML과 JS, CSS를 이용하여 Firefox OS 어플리케이션을 만드는 법 에 대해 많은 내용들을 다뤘습니다. 지금도 저희는 계속 이 어플리케이션들이 안드로이드, 윈도우, 맥 OS X, 리눅스 기기등에서 똑같이 동작하도록 노력하고 있습니다. 여러분이 만든 어플리케이션이 각각 다른 화면 크기, CPU 혹은 기기의 […]
