Hoony Chang가 쓴 문서
-
박스 모델 표시, 웹 콘솔 개선, 파이어폭스 OS HUD + 더 많은 것들 – 파이어폭스 개발자 도구 에피소드 30
파이어폭스 30 버전이 이제 막 Aurora 배포 채널에 업로드되었습니다. 이번 배포 버전에서 가장 중요한 개발자 도구의 변경사항을 한번 살펴보겠습니다. 검사기 페이지에 있는 요소들의 구역을 박스 모델로 보여주는 기능은 그동안 요청이 가장 많았던 기능 중 하나였습니다. 이 기능이 어번 파이어폭스 30에 추가되어 매우 기쁩니다. 그 중에 가장 멋진 것 중 하나는 박스 모델의 색이 우측 하단의 […]
-
Firefox 개발자 도구에서 Sass와 Less 실시간 편집하기
Sass 와 Less 는 CSS로 컴파일되는 표현식(Expressive) 언어입니다. 여러분이 Sass나 Less를 가지고 CSS 파일을 만들고 계시다면, CSS를 별도로 만들지 않고 소스코드만 디버깅하고 싶을 때가 있었을 것입니다. 이제는 Firefox 개발자 도구에 있는 소스맵을 사용해 디버깅이 가능해졌습니다! Firefox 개발자 도구는 소스맵을 사용하여 원 소스코드에서의 줄 번호를 보여주고 스타일 에디터를 통해 여러분이 편집을 가능하게 만들어 줍니다. 아래 간단한 […]
-
jsDelivr – 향상된 오픈 소스 공공 CDN
이 포스트는 게스트 Dmitriy Akulov와 그의 프로젝트 jsDelivr에 관한 글입니다. – 에디터. 여러분이 개발자라면 아마 Google Hosted Libraries를 알고 계실 것입니다. Google은 여러분의 웹사이트에 가장 유명한 12가지 라이브러리들을 쉽고 빠르게 첨부할 수 있는 방법을 제공하고 있죠. 하지만 여러분이 웹마스터이고 덜 유명한 다른 프로젝트들을 사용하기 위해 CDN을 이용하고 싶다면 어떨까요? 혹은 여러분이 개발자이고 다른 사람들이 여러분의 […]
-
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 […]
-
CSS3의 유동적인 박스 모듈을 활용한 어플리케이션 레이아웃
이 글은 Simon Speich와 Robert Nyman의 Application Layout with CSS3 Flexible Box Module의 한국어 번역본입니다. CSS3만의 유동적인 박스 레이아웃 모듈 덕분에 유동적인 어플리케이션 레이아웃을 제작하는 일이 매우 쉬워졌습니다. 이번 글에서는 화면 전체를 차지하면서 브라우저 창에 따라 유동적으로 사이즈가 변하며 추가적으로 드래그로 구역을 나누는 것이 가능한 간단한 어플리케이션 레이아웃을 만들어 볼 것입니다. 기존의 <div> 엘리먼트 […]
-
Split console, pretty-print minified JS 등 – Firefox 개발자 도구 Episode 28
이 글은 Jeff Griffiths, Victor Porof와 Robert Nyman의 Split console, pretty-print minified JS and more – Firefox Developer Tools Episode 28의 한국어 번역본입니다. 휴일 시즌에 맞추어, Firefox 개발자 도구 팀이 여러분이 휴일간 프로젝트를 즐길 수 있을만한 놀라운 것들을 준비했습니다! 목록이 꽤 길지만 소개를 시작해보도록 하겠습니다. 앱 매니저 앱 매니저 는 여전히 개발자도구팀에게 있어 가장 우선순위의 […]
-
Mozilla Developer Network가 새롭게 단장하였습니다.
이 글은 David Walsh와 Robert Nyman의 The Mozilla Developer Network has a New Face의 한국어 번역본입니다. 지난 여름, Mozilla Developer Network (MDN)은 써드파티 솔루션에 종속되어 있다가 코드네임 Kuma라는 저희만의 django 어플리케이션으로 옮겨오면서 큰 변화를 겪었습니다. 그 변화는 최근 MDN에서의 주요 개선 작업을 위한 일이였습니다: 사용성과 접근성 뿐만 아니라 많은 새로운 특징들을 추가한 완벽한 프론트엔드 […]
-
Node.js를 위한 PaaS, awsbox: 최근 업데이트 사항
이 글은 Andrew Chilton과Robert Nyman의 awsbox, a PaaS layer for Node.js: An Update on Latest Developments의 한국어 번역본입니다. 이번 글은 모질라 Hacks 블로그에서 awsbox에 대해 적는 두번째 글입니다. 첫번째는 Node.js Holiday Season 연재글 중 하나였던 a quick introduction to awsbox에서 소개해드린적이 있습니다. 이번 글에서는 최근에 awsbox에 새로 추가된 몇가지 특징들에 대해 알려드리려고 합니다. 간단히 되짚어보자면, […]
-
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는 개발자들 사이에서 가장 […]
