주요 문서
-
파이어폭스 최신버전에 반영된 asm.js 성능향상으로 인해 가능해진 멋진 게임!
이 글은 Alon Zakai 와 Robert Nyman [Editor]이 쓴 asm.js performance improvements in the latest version of Firefox make games fly!의 한국어 번역본입니다. 지난주 발표된 파이어폭스 최신버전은 사용자 인터페이스를 비롯 싱크(Sync) 등의 기능을 크게 개선했습니다. 최신버전을 통해 크게 개선된 또다른 기능은 바로 asm.js 실행성능입니다. 곧이어 보게 되겠지만 이는 게임 같은 분야에서 특히 중요합니다. 파이어폭스의 개선된 […]
-
파이어폭스 개발자 도구 캔버스 디버거를 소개합니다
캔버스 디버거(Canvas Debugger)는 우리가 샌프란시스코 게임개발자컨퍼런스(Game Developers Conference)에서 시연한 새로운 도구입니다. 캔버스 요소에서 표현되는 애니메이션 프레임을 디버깅하는 도구지요. 여러분이 시각효과, 애니메이션을 만들거나 게임 디버깅을 할 때 이 도구는 여러분의 애니메이션 루프(loop)를 이해하고 최적화하는 데 도움이 될 겁니다. 여러분이 웹GL(WebGL) 또는 2D 캔버스 콘텍스트를 디버깅할 수 있게 해줍니다. 여러분은 파이어폭스 개발자 도구(Firefox’ Developer Tools)에 포함된 자바스크립트 […]
-
크라우드펀딩 사이트를 만들어보고 싶나요?
크라우드 펀딩을 위한 도구는 ‘크라우드’ 것이여야 합니다. 이것이 제가 지금 300줄도 안되는 코드로 여러분만의 크라우드 펀딩 사이트를 구축할 수 있는 법을 알려드리는 이유입니다. 이 튜토리얼에 있는 모든 것들은 오픈 소스이며 Node.js같은 오픈 소스 기술만을 사용할 것입니다. 실시간 데모영상 모든 소스 코드와 튜토리얼 문서는 퍼블릭 도메인입니다. 0. 빠르게 시작하기 빠르게 크라우드펀딩 사이트를 만들고 싶다면 crowdfunding-tuts repository를 복사하여 /demo […]
-
JSFiddle을 이용한 Firefox OS Apps 프로토타이핑
이 글은 Using JSFiddle to Prototype Firefox OS Apps에 대한 번역 및 편집본입니다. Fiddle과 함께 춤을 JSFiddle은 프로토타이핑과 코드리뷰를 하는데 환상적인 도구입니다. 여러분이 가진 모든 도구 체인이나 에디터를 사용할 필요 없이 빠른 테스트 케이스나 가벼운 코드를 만들어 보는데 유용합니다. 더욱이 잘못 동작하는 코드를 붙여넣어서 다른 사람이 보고 문제를 확인해 도움을 주기에도 좋습니다. 이제 여러분은 JSFiddle을 […]
-
누가 내 위치정보를 움직였는가?
이 글은 Frédéric Harper 와 Robert Nyman[Editor] 이 작성한 Who moved my geolocation?에 대한 번역본입니다. 파이어폭스 OS에 대해 이야기 할 때 우리는 종종 “디바이스 상의 GPS는 어떠한가?” 라는 질문을 한다. 몇몇 장비에서 GPS 위치정보는 정확하지 않을 수 있다거나 바깥에서 위치 정보를 수신하는데 꽤나 오랜 시간이 걸릴 수 있다는 메세지를 받았을 수도 있다. 이제 GPS가 어떻게 […]
-
웹 개발자 툴 박스: Backbone
이 글은 모든 웹 개발자들이 자신의 툴 박스에 가지고 있어야 할 유용한 라이브러리들을 위한 네 번째 글입니다. 이 글을 통하여 이러한 라이브러리들이 무엇을 할 수 있고 여러분이 어떻게 사용하는지 이해하였으면 합니다. 네 번째 글을 통해 Backbone 라이브러리에 대해 알아보겠습니다. 소개 Backbone은 jeremy ashkenas가 만든 library입니다.(또한 CoffeeScript를 만든 걸로 유명합니다) Backbone 은 자바스크립트에서 MVC 디자인패턴의 구현입니다. […]
-
웹 개발자 툴 박스: Raphaël
이 글은 모든 웹 개발자들이 자신의 툴 박스에 가지고 있어야 할 유용한 라이브러리들을 위한 첫 번째 글입니다. 이 글을 통하여 이러한 라이브러리들이 무엇을 할 수 있고 여러분이 어떻게 사용하는지 이해하였으면 합니다. 첫 번째 글을 통하여 Raphaël 라이브러리에 대하여 알아보겠습니다. 소개 Raphaël은 본래 Dmitry Baranovskiy가 만들었고 지금은 Sencha Labs의 일부인 라이브러리 입니다. 이 라이브러리의 목표는 웹에서 […]
-
Type Inference 기능 소개
Firefox 9에서 구현 중인 신 기능이라고 할 수 있는 JavaScript 엔진의 개량에 대해서 간단하게 소개할까 합니다. Type Inference 기능은 일년 이상 연구를 통해 진행 중인 것으로 SpiderMonkey JavaScript 엔진에 도입된 형태 추론이란 프로그램의 코드 해석과 실행시의 변수형 감시를 조합하고 JavaScript 프로그램의 형태 정보를 얻는 기능입니다. 이를 통해 얻은 형태 정보는 보다 효율적인 코드를 생성하기 위해 […]
-
JägerMonkey의 JavaScript 성능 향상
2008년 8월, Mozilla는 TraceMonkey를 소개 했습니다. 우리가 Firefox 3.5에 탑재한 이 새로운 엔진은 차세대 Web 브라우저와 Web 응용 프로그램을 구축하는데 있어서 성능의 새시대를 예고 하는 것 이였습니다. 우리가 새로운 엔진을 공개한 뒤, Google은 V8을 가진 Chrome을 발표했습니다. Apple 또한, Safari에 자체 엔진을 도입했고, Opera도 최신 베타 버전 브라우저에 새로운 엔진을 탑재하고 있습니다. 이러한 새로운 엔진의 […]
-
Web workers 사용하기
이 글은 bespin 프로젝트에서 Web Workers를 이용하여 많은 대단한 기능들을 구현한 Malte Ubl가 작성한 글입니다. 최근들어 웹어플리케이션의 사용자 경험(UX)는 점점 더 화려하고 풍부하게 발전되어 왔습니다. GMail, Meebo 그리고 Bespin같은 브라우저 안에서 동작하는 어플리케이션들은 미래의 웹이 어떻게 보여지고 느껴질지에 대한 그림을 보여주고 있습니다. 좋은 사용자경험(UX)을 완성하는데 있어 중요한 요소중에 하나가 사용자의 동작에 빠르게 반응하는 어플리케이션을 만드는 […]
