ingeeKim가 쓴 문서
-
JavaScript 게임의 컨트롤 메카니즘
노트북, 데스크탑, 스마트폰, 태블릿, TV, 그리고 냉장고… 이 기기들의 공통점이 하나 있습니다. 이 기기들은 모두 브라우저를 실행시킬 수 있습니다. 우리는 이 기기들 위에서 HTML5 게임을 플레이할 수 있습니다. 웹 화면 위에 게임을 랜더링하는 것은 어려운 일입니다. 하지만 그전에 반드시 필요한 일이 있습니다. 적절한 컨트롤 메카니즘을 제공하는 일입니다. 플랫폼이 다양한만큼 선택할 수 있는 방법도 무척 다양합니다. […]
-
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: 미래
ES6 In Depth 시리즈는 ECMAScript 표준의 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 기능들을 살펴보는 시리즈입니다. 지난번 ES6 모듈에 관한 글까지 우리는 ES6 에 새로 도입된 주요 기능들을 살펴보았습니다. 이번 글에서는 새로운 기능을 십여 개 더 살펴보려고 합니다. 우리가 지금까지 깊게 살펴보지 않은 기능들입니다. JavaScript 라는 건축물의 벽장과 구석방들을 들여다보는 재미있는 여행이라고 생각하세요. 거대한 […]
-
ES6 In Depth: 모듈
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. 2007년 제가 모질라 JavaScript 팀에서 일하기 시작했을 때, 이런 농담이 있었습니다. 통상적인 JavaScript 프로그램의 라인 길이는 몇 줄일까요? 정답은 한 줄이었습니다. 그 때는 구글맵이 시작된 지 2년 지났을 때였습니다. 그전까지, JavaScript 의 주된 용도는 폼(form) 값을 검증하는 것이었습니다. […]
-
ES6 In Depth: 서브클래스 만들기 (Subclassing)
ES6 In Depth 시리즈는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 통해 JavaScript 에 새로 추가된 요소들을 살펴보는 시리즈입니다. 지지난 글에서, 우리는 객체의 생성자를 정의할 때 겪는 번거로움을 해소하기 위해 ES6 에 새로 도입된 클래스 시스템을 알아보았습니다. 그리고 클래스 시스템을 이용해서 아래처럼 코딩하는 방법을 알아보았습니다. class Circle { constructor(radius) { this.radius = radius; Circle.circlesMade++; }; static draw(circle, […]
