주요 문서
-
만화로 소개하는 WebAssembly
WebAssembly는 빠릅니다. 아마 들어봤을거에요. 하지만 왜 빠른지 알고 계신가요? 이번 시리즈에서는 왜 WebAssembly가 빠른지 그 이유에 대해 설명하고자 합니다. 잠시만, 근데 WebAssembly가 뭐죠? WebAssembly 는 JavaScript가 아닌 다른 언어로 짜여진 코드를 브라우저에서 작동할 수 있게 만드는 하나의 수단입니다. 그러므로 사람들이 WebAssembly가 빠르다고 말할 때 비교 대상은 JavaScript를 의미합니다. 저는 지금 둘 중 반드시 하나를 선택하라는 […]
-
동적 테마 생성을 위한 규칙 기반 프레임워크
12월에 저는 Firefox의 테마 API에 대한 소개를 했습니다. 이는 animated themes, macOS-style overscroll 또는 interactive theme editors와 같은 많은 것들을 할 수 있게 해주지만 몇 가지 한계가 있습니다. 전통적인 CSS와 비교해서 동적 테마 API의 한 가지 문제는 기본 동적 테마를 만들기 위해선 JavaScript와 WebExtension API를 알아야 한다는 점입니다. 이 문제를 해결하기 위해 간단한 테마 “규칙”을 […]
-
Firefox Debugger로 console.log를 뛰어 넘기
console.log 는 디버거는 아닙니다. JavaScript 앱이 무엇을 하고 있는지 표시하는 훌륭한 방법이지만 너무 적은 정보만 표시하는 한계가 있습니다. 코드가 복잡하면, 적합한 디버거가 필요하게 됩니다. 그것이 Firefox 개발자도구 놀이터(playground)(디버깅에 대한 모든 것)에 새로운 세션을 포함한 이유입니다. 간단한 JavaScript 할일 앱을 검사하고 고치기 위해 Firefox 디버거를 사용하는 4개의 강의를 마련했습니다. 디버거 놀이터 강의들은 완전히 무료이고 할일앱 코드는 […]
-
Firefox 브라우저와 Mozilla 커뮤니티 소개
파이어폭스 브라우저와 그것을 만드는 모질라 커뮤니티에 대해 소개하는 자리가 있었습니다. 발표 장표를 만든 김에 Hacks를 통해 공유합니다. 자료를 정리하면서 Hacks를 통해 발표되는 글들이 모질라의 방향성과 맞닿아 있다는 사실을 알게 됐습니다. 여러모로 멋진 커뮤니티입니다. 파이어폭스 소개 (2017년 8월)
-
왜 WebAssembly가 asm.js보다 빠를까?
WebAssembly는 웹을 위한 새로운 바이너리 포맷입니다. WebAssembly가 새로운 안정화 버전 브라우저에 탑재되기 시작했습니다. WebAssembly의 주요 목표는 속도입니다. 이 글을 통해 WebAssembly가 어떻게 실행속도를 개선했는지 설명하려고 합니다. “속도”는 상대적인 이야기입니다. JavaScript 같은 다이나믹 랭귀지와 비교하면 WebAssembly의 실행속도가 빠릅니다. 왜냐하면 WebAssembly는 속도를 최적화하기 쉬운 정적 타입 시스템을 사용하기 때문입니다. WebAssembly는 네이티브 코드만큼 빠른 속도를 목표로 하고 있습니다. […]
-
Firefox 53: Quantum Compositor, Compact 테마, CSS 마스크 등
이 글은 Dan Callahan 이 쓴 Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More 의 한국어 번역본입니다. 오늘(4월 19일)부터 다음의 기능과 개선 사항들을 포함하고 있는 Firefox 53를 다운로드 받으실 수 있습니다. 윈도우에서의 Quantum Compositor Process 프로젝트 Quantum의 첫번째 중요한 기능 중 하나인 Compositor Process를 드디어 윈도우에서 사용하실 수 있습니다. Compositors는 웹페이지 위의 다양한 […]
-
Firefox 가 Async/Await 를 제공합니다
비동기 코드를 보다 간결하고, 분명하고, 관리하기 쉽게 만들어 주는 새로운 키워드, async 와 await 가 Firefox 52 에 도입되었습니다. 최신 개발자 에디션에서 사용 가능합니다. Firefox 52 는 2017년 3월 일반에게 공개될 예정입니다. JavaScript 의 탁월한 싱글-쓰래드 퍼포먼스와 웹 응답성은 JavaScript 의 철저한 비동기적 설계 덕분입니다. 하지만, 이 비동기적 설계 때문에 “콜백 지옥 (callback hell)” 문제도 […]
-
debugger.html 를 소개합니다
debugger.html 은 Mozilla 가 만든 새로운 JavaScript 디버거입니다. debugger.html 은 React 와 Redux 로 만든 웹 어플리케이션입니다. 이 프로젝트는 올해 초 Firefox Developer Tools 의 디버거를 교체하기 위해 시작됐습니다. 우리가 원한 것은 다양한 타겟(multiple targets)을 디버깅할 수 있고, 또 독립(standalone) 모드로도 동작할 수 있는 디버거였습니다. 현재, debugger.html 은 Firefox 타겟에 접속해서 디버깅할 수 있습니다. 뿐만아니라 […]
-
트레인스포팅: 파이어폭스40
트레인스포팅(Trainspotting)은 파이어폭스 최신판에서 주목할만한 기능을 다룬 글의 시리즈입니다. 파이어폭스 새 버전은 6주마다 공개됩니다 – 모질라에선 이런 패턴을 “릴리즈 트레인(release trains)”이라고 부릅니다. 파이어폭스는 계속 실리고 실리고 실리네 / 미래로… —스티브 밀러 밴드, 아마도 고전명곡 제트에어라이너(jet airliner)처럼, 파이어폭스 새 버전은 이륙 허가를 받았습니다! 사용자와 개발자들 모두를 위해 탑재된 매력적인 신기능을 좀 들여다봅시다. 모든 변경 및 추가 사항 […]
-
브릭 시작하기: 빠른 앱 개발을 위한 마크업 기반 웹 컴포넌트
이 글은 레온 장(Leon Zhang)의 Introducing Brick: Minimal-markup Web Components for Faster App Development 한국어 번역본입니다. 최신 HTML5 소식에 관심이 많은 분이라면 이미 웹 컴포넌트 명세서에 대한 소식은 들었을 겁니다. 아직 보지 못했다면 얼마나 멋진 기능인지 이 글에서 확인해볼 수 있습니다. 간단히 말하자면 웹 컴포넌트는 웹 개발자들이 직접 재사용 가능한 HTML 태그를 만들어 내는 새로운 영역을 만들어질 것이라는 약속입니다. […]
