주요 문서
-
js13kgames 우승자, Giovanny Beltran 인터뷰
HTML5 게임 개발자들을 위한 JavaScript 코딩 경연대회 js13kgames 가 몇 주 전 올해의 우승자를 발표했습니다. 우리는 오늘 js13kgames 경연대회의 여러 부문 우승자이자, 올해 최고의 참가자들 중 한 사람인 Giovanny Beltran 을 인터뷰했습니다. Giovanny 는 13년 동안 프로그래밍을 해왔으며, 5년 전에 JavaScript 를 시작했습니다. 그는 시간 날 때마다 게임 데모를 플레이하거나 만듭니다. Giovanny 는 BogotaJS 와 […]
-
debugger.html 를 소개합니다
debugger.html 은 Mozilla 가 만든 새로운 JavaScript 디버거입니다. debugger.html 은 React 와 Redux 로 만든 웹 어플리케이션입니다. 이 프로젝트는 올해 초 Firefox Developer Tools 의 디버거를 교체하기 위해 시작됐습니다. 우리가 원한 것은 다양한 타겟(multiple targets)을 디버깅할 수 있고, 또 독립(standalone) 모드로도 동작할 수 있는 디버거였습니다. 현재, debugger.html 은 Firefox 타겟에 접속해서 디버깅할 수 있습니다. 뿐만아니라 […]
-
FlyWeb – 순수 웹으로 디바이스 사이의 통신을
FlyWeb 은 Mozilla 플랫폼 부문에서 프로토타입으로 개발하고 있는 실험 프로젝트입니다. FlyWeb 은 작년에 곁가지 프로젝트로 시작했습니다. 그 뒤로 작은 임시 팀이 할당되어 개념 증명을 위한 “버전 제로” 구현을 시작했습니다. 지난 6개월 동안 우리는 이것저것 실험하며 개발했습니다. 이제 FlyWeb 에 대해 편하게 이야기할 수 있는 단계가 되었습니다. 웹 개발자들과 하드웨어 해커들이 특히 FlyWeb 에 관심을 가질 […]
-
HTML 팁 몇 가지
얼마 전에 저는 CSS 팁 몇 가지에 관한 글을 썼습니다. 이제 HTML 차례입니다! 이번에 저는 HTML 에 대한 팁 몇 가지를 공유할 것입니다. 패러그래프를 나누는 방법, 헤딩(heading)을 쓰는 방법, 폼(form)을 개선하는 방법 등은 초보자들에게 적합할 것입니다. SVG 스프라이트를 아이콘으로 쓰는 방법처럼 꽤 난이도 있는 팁도 있습니다. Text Paragraph 우리가 만드는 HTML 코드는 대부분 패러그래프로 구성됩니다. […]
-
js13kGames: 게임 개발자를 위한 코드 골프
13 kB 가 어느 정도의 크기일까요? 요즘 세상에서 몇 킬로바이트는 넓은 바다에서 물 한 방울이 차지하는 비중도 안될 것입니다. 비디오 게임의 태동기로 되돌아가 봅시다. 그러면 우리는 초기 개척자들이 정말 엄청난 제약 속에서 일했다는 것을 이해하게 될 것입니다. 예를 들어, 우리가 사랑했던 Atari 2600 은 RAM 크기가 겨우 128 바이트였습니다. 카드리지를 꼽아야 4 킬로바이트를 추가로 사용할 […]
-
Firefox 에 Rust 가 포함되었습니다
TL;DR: Firefox 48 부터, Mozilla 의 첫 Rust 코드가 포함됩니다. Rust 코드는 앞으로 더 많아질 것입니다! Mozilla ❤ Rust 믿기 힘들지만 Mozilla 연구소가 처음 Rust 개발을 지원한지 벌써 7년이 지났습니다. 그 당시 Rust 는 헌신적이지만 소수였던 커뮤니티의 야심찬 시도였을 뿐입니다. 오랜 발명과 발견의 역사에도 불구하고, Rust 의 핵심 원칙은 놀랍도록 그대로 유지되고 있습니다. Mozilla 가 […]
-
ES6 In Depth: 서브클래스 만들기 (Subclassing)
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. 지지난 글에서, 우리는 객체의 생성자를 정의할 때 겪는 번거로움을 해소하기 위해 ES6 에 새로 도입된 클래스 시스템을 알아보았습니다. 그리고 클래스 시스템을 이용해서 아래처럼 코딩하는 방법을 알아보았습니다. class Circle { constructor(radius) { this.radius = radius; Circle.circlesMade++; }; static draw(circle, […]
-
WebAsssembly 표준 진행 사항: 주요 브라우저 지원 시작
WebAsssembly는 새로운 표준의 하나로 보안과 빠른 웹 페이지 이동을 유지하면서 크기와 로딩 시간 면에서 효율적인 포맷을 정의하기 위한 목적으로 진행되고 있습니다. WebAssembly는 컴파일러에 의해서 네이티브에 가까운 성능으로 동작합니다.즉, WebAssembly는 웹을 위한 가상 CPU 실행 코드입니다. 현재는 Mozilla, Microsoft, Google그리고 Apple을 포함한 회원사로 구성되는 W3C의 커뮤니티 그룹(CG)에서 논의되고 있습니다. WebAssembly가 중요한 로드맵으로 복수의 브라우저가 WebAssembly을 상호 […]
-
트레인스포팅: 파이어폭스40
트레인스포팅(Trainspotting)은 파이어폭스 최신판에서 주목할만한 기능을 다룬 글의 시리즈입니다. 파이어폭스 새 버전은 6주마다 공개됩니다 – 모질라에선 이런 패턴을 “릴리즈 트레인(release trains)”이라고 부릅니다. 파이어폭스는 계속 실리고 실리고 실리네 / 미래로… —스티브 밀러 밴드, 아마도 고전명곡 제트에어라이너(jet airliner)처럼, 파이어폭스 새 버전은 이륙 허가를 받았습니다! 사용자와 개발자들 모두를 위해 탑재된 매력적인 신기능을 좀 들여다봅시다. 모든 변경 및 추가 사항 […]
-
ES6 In Depth: 시리즈를 시작하면서
ES6 In Depth에 잘오셨습니다! 매주 연재할 이번 시리즈를 통해 ECMAScript 6를 탐험하려 합니다. ECMAScript 6는 출시가 임박한 JavaScript 언어의 새로운 에디션입니다. ES6에는 JS를 더욱 강력하게 그리고 표현력 좋게 만들 새로운 언어적 특징들이 많이 포함되어 있습니다. 우리는 앞으로 몇 주에 걸쳐 이 특징들을 하나씩 살펴볼 것입니다. 하지만 시리즈를 시작하기 전에, ES6가 무엇이고 ES6에서 무엇을 기대할 수 […]
