주요 문서
-
오디오 태그: 웹 컴포넌트 + 웹 오디오 = ♥
이 글은 솔데다드 페나테스(Soledad Penadés)와 안젤리나 파브로(Angelina Fabbro)의 Audio Tags: Web Components + Web Audio = ♥ 한국어 번역본입니다. 지난주 우리는 빠른 개발을 위해 필요한 웹 컴포넌트를 모아놓은 Brick 1.0을 공개했습니다. 브릭은 사용하기가 정말 쉽고 이미 만들어놓은 코드나 프레임워크에 UI 위젯을 통합할 수 있습니다. 이번 주에는 소리를 다루고 완벽한 악기를 구현할 수 있는 웹 오디오 블록으로 이루어진 웹 컴포넌트인 […]
-
파이어폭스 개발자 도구 캔버스 디버거를 소개합니다
캔버스 디버거(Canvas Debugger)는 우리가 샌프란시스코 게임개발자컨퍼런스(Game Developers Conference)에서 시연한 새로운 도구입니다. 캔버스 요소에서 표현되는 애니메이션 프레임을 디버깅하는 도구지요. 여러분이 시각효과, 애니메이션을 만들거나 게임 디버깅을 할 때 이 도구는 여러분의 애니메이션 루프(loop)를 이해하고 최적화하는 데 도움이 될 겁니다. 여러분이 웹GL(WebGL) 또는 2D 캔버스 콘텍스트를 디버깅할 수 있게 해줍니다. 여러분은 파이어폭스 개발자 도구(Firefox’ Developer Tools)에 포함된 자바스크립트 […]
-
‘PredictionIO’를 소개합니다
PredictionIO 는 오픈소스로 소프트웨어 개발자가 개인화나 추천 알고리즘 혹은 컨텐츠를 찾아내는 등의 예측 기능을 넣고자 할 때 쓰이는 머신러닝 서버입니다. 사용자 특징이나 성향을 예측하는 엔진을 실제 서비스에 쓰일 단계까지 구현하는 일은 매우 시간 낭비가 될 수 있습니다. PredictionIO의 최신버전인 v0.7 으로 이제 더이상 그럴 필요가 없습니다. PredictionIO가 어떻게 데이터 프로세스를 간소화하고 개발자 여러분들과 개발 단계에 […]
-
박스 모델 표시, 웹 콘솔 개선, 파이어폭스 OS HUD + 더 많은 것들 – 파이어폭스 개발자 도구 에피소드 30
파이어폭스 30 버전이 이제 막 Aurora 배포 채널에 업로드되었습니다. 이번 배포 버전에서 가장 중요한 개발자 도구의 변경사항을 한번 살펴보겠습니다. 검사기 페이지에 있는 요소들의 구역을 박스 모델로 보여주는 기능은 그동안 요청이 가장 많았던 기능 중 하나였습니다. 이 기능이 어번 파이어폭스 30에 추가되어 매우 기쁩니다. 그 중에 가장 멋진 것 중 하나는 박스 모델의 색이 우측 하단의 […]
-
준비 끝! “Firefox OS를 위한 앱 기초” 과정이 당신을 기다립니다
이 글은 Chris Heilmann의 It’s a wrap! “App Basics for FirefoxOS” is out and ready to get you started의 한국어 번역본입니다. 일주일쯤 전에 우리는 비디오 강좌 시리즈 한편을 완성했습니다. 이 강좌는 Firefox OS용 HTML5 앱을 만드는 방법에 관한 것입니다. 이제 당신은 이 강좌의 모든 비디오를 한번에 학습할 수 있습니다. Photo by Olliver Hallmann 이 시리즈는 […]
-
Firefox OS 앱 기초 과정 – 초심자를 위한 스크린캐스트 시리즈
이 글은 Chris Heilmann의 App basics for Firefox OS – a screencast series to get you started의 한국어 번역본입니다. 우리는 몇 일 후부터 Firefox OS용 오픈 웹앱을 어떻게 만드는지에 대해 기초부터 설명하는 스크린캐스트 시리즈를 발표할 예정입니다. 각 스크린캐스트는 잠시 쉬는 동안 볼 수 있을만큼 작은 분량일 것입니다. 시리즈 전체를 통틀어도 한시간을 넘지 않을 것입니다. 본 […]
-
Firefox Nightly에서 CSS 변수 사용하기
이 글은 Chris Heilmann의 CSS Variables in Firefox Nightly의 한국어 번역본입니다. Cameron McCormack는 Firefox Nightly (버전 29)에서 CSS 변수를 지원한다고 알렸습니다. 여기 짧은 영상에서 바로 확인해 보실 수 있습니다: 여러분은 접두사 var-를 가지고 변수를 지정할 수 있으며 var() 명령으로 그 변수를 실행할 수 있습니다. 예를 들어: :root { var-companyblue: #369; var-lighterblue: powderblue; } h1 […]
-
Firefox OS App Manager 소개
이 글은 Introducing the Firefox OS App Manager 를 번역한 글입니다. Firefox OS App Manager는 Firefox 26에서 새롭게 사용할 수 있는 도구입니다. 시뮬레이터나 연결된 디바이스 어디에서라도 Firefox OS 앱을 빌드하고 디버깅하는 과정을 상당히 많이 개선하였습니다. Firefox OS 시뮬레이터 부가 기능을 기반으로, 현존하는 Firefox 개발자 도구와 Firefox OS 시뮬레이터 사이에 발생했던 차이점을 느끼지 못하게 해주면서 개발자가 […]
-
User-Agent 탐지, 히스토리 및 체크리스트
이 글은 https://hacks.mozilla.org/2013/09/user-agent-detection-history-and-checklist/ 의 번역본입니다. 히스토리 User-Agent: <something> 은 HTTP 클라이언트(브라우저, 봇, 캘린더 어플리케이션 등)가 서버로 보내는 HTTP 요청을 보내면서 전송하는 문자열이다. 1991년에 정의된 HTTP 프로토콜은 이 항목을 가지고 있지 않지만 1992년에 정의된 다 음 버전에서 HTTP request 헤더값 안에 User-Agent 값을 추가하였다. User-Agent 구문은 “/(슬래시)와 버전 명을 포함한 소프트웨어 제품 이름”으로 정의되어 있다. 이 […]
-
누가 내 위치정보를 움직였는가?
이 글은 Frédéric Harper 와 Robert Nyman[Editor] 이 작성한 Who moved my geolocation?에 대한 번역본입니다. 파이어폭스 OS에 대해 이야기 할 때 우리는 종종 “디바이스 상의 GPS는 어떠한가?” 라는 질문을 한다. 몇몇 장비에서 GPS 위치정보는 정확하지 않을 수 있다거나 바깥에서 위치 정보를 수신하는데 꽤나 오랜 시간이 걸릴 수 있다는 메세지를 받았을 수도 있다. 이제 GPS가 어떻게 […]