---
title: 게임 개발
slug: Games
tags:
  - HTML5
  - HTML5 게임
  - 게임
  - 게임 개발
  - 앱
  - 웹
  - 자바스크립트 게임
translation_of: Games
---
<div>{{GamesSidebar}}</div>

<div class="summary">
<p>게임은 가장 인기있는 컴퓨터 활동 중 하나입니다.<span class="seoSummary"> 어떠한 표준 웹 브라우저에서도  작동하는 더욱 좋고 강력한 게임을 개발할 수 있는 새로운 기술들이 끊임없이 나타나고 있습니다.</span></p>
</div>

<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>

<div class="column-container">
<div class="column-half">
<h2 id="웹_게임_개발하기">웹 게임 개발하기</h2>

<p>웹 게임 개발 센터에 온 것을 환영합니다! 이 사이트에서는 게임 개발을 원하는 웹 개발자들에게 리소스를 제공합니다. 왼쪽의 기본 메뉴에서 유용한 자습서 및 기술 관련 기사를 찾을 수 있습니다. 자유롭게 탐색하시기 바랍니다.</p>

<p>우리는 또한 유용한 <a href="https://developer.mozilla.org/docs/Games/Tools/Engines_and_tools">엔진과 툴</a>의 목록과 <a href="https://developer.mozilla.org/docs/Games/Examples">게임 예제</a> 뿐만 아니라 당신이 게임 개발에서 사용되는 가장 대중적인 API의 모든 것들에 대한 정보를 쉽게 발견하기 위해서 참고 자료를 포함하고 있습니다.</p>

<div class="note">
<p><strong>Note</strong>: 웹 게임을 개발하기 전에 적어도 HTML과 CSS, JavaScript같은 핵심 웹 기술에 익숙해져야 합니다. 기초부터 배워보고 싶으시다면 <a href="https://developer.mozilla.org/docs/Learn">Learning Area</a>를 둘러보세요.</p>
</div>

<dl>
</dl>
</div>

<div class="column-half">
<h2 id="네이티브_언어로_개발된_게임을_웹으로_포팅하기">네이티브 언어로 개발된 게임을 웹으로 포팅하기</h2>

<p>만약 네이티브 개발자이고(예를 들어 C++로 게임을 만들 수 있는 경우) 게임을 웹에 복사하는 것에 흥미가 있다면 LLVM 바이트코드(예를 들어, Clang을 사용하는 C/C++ 혹은 다른 언어에서 생성된 코드)를 받아 웹에서 실행 가능한 asm.js로 컴파일하는 <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> 툴을 배워보는 것이 좋습니다.</p>

<p>시작하고 싶다면, 아래 링크를 참조해보세요.</p>

<ul>
 <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">Emscripten에 대하여</a>: Emscripten의 고급 세부사항들을 포함한 소개</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">다운로드 및 설치</a>: 툴체인 설치하기</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten 튜토리얼</a>: 어디서부터 시작해야 하는지 알려주는 튜토리얼</li>
</ul>
</div>
</div>

<div class="column-container">
<div class="column-half">
<h2 id="예제">예제</h2>

<p> 웹 게임들의 예시 목록을 보고싶으면 <a href="https://developer.mozilla.org/en-US/docs/Games/Examples">examples page</a>에서 확인해보세요. 또 더욱 쓸만한 리소스를 보고싶다면 <a href="https://games.mozilla.org/">games.mozilla.org</a>를 확인해보세요!</p>
</div>
</div>

<h2 id="참조">참조</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
 <dd>수많은 오픈 웹 게임 개발 튜토리얼을 가지고 있는 협업 사이트입니다. 최근에는 활동이 많지 않지만 여전히 좋은 자료들을 가지고 있습니다.</dd>
 <dt><a href="http://creativejs.com/">Creative JS</a></dt>
 <dd>게임만 있는 것은 아니지만 꽤 인상적인 JavaScript 기술과 실험들의 모음집입니다. 최근에는 활동이 많지 않지만 여전히 좋은 자료들을 가지고 있습니다.</dd>
 <dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
 <dd>Bob Nystrom이 작성한 책으로, 더욱 효과적이고 효율적인 코드를 개발하는 게임 개발자들에게 도움이 되도록 게임 개발에서의 프로그래밍 패턴에 대해 논하는 이북입니다.</dd>
 <dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
 <dd>HTML5 게임 개발을 주제로 하는 뉴스레터로, 매 주 금요일에 보내줍니다. 최신 기사들과 튜토리얼, 툴 및 자료들을 담고 있습니다.</dd>
 <dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
 <dd>게임 개발자, 프레임 워크 개발자, 출판사들을 위한 포럼입니다. 질문하고, 답변을 받고, 남들을 도와주세요.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt>
 <dd>평가, 기능 및 샘플을 기준으로 인기있는 HTML5 게임 프레임워크들의 목록입니다.</dd>
 <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
 <dd>여러 프레임워크에서의 JavaScript Breakout 클론들을 비교하여 본인에게 맞는 프레임워크를 골라보세요.</dd>
 <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
 <dd>일반적인 게임 개발에 대한 튜토리얼과 글이 올라옵니다.</dd>
 <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
 <dd>새로운 게임 개발자들을 위한 웹 주변의 다양하고 유용한 자료들에 대한 링크의 큐레이터 목록인 스타터이다.</dd>
 <dt><a href="http://js13kgames.com/">js13kGames</a></dt>
 <dd>개발자들의 13 킬로바이트짜리 자바스크립트 코딩 공모전입니다. 제출된 게임들은 GitHub에 읽을 수 있는 형태로 올라옵니다.</dd>
 <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
 <dd>Mozilla Hack 블로그의 게임 카테고리는 게임 개발과 관련된 흥미로운 기사들이 올라와 있습니다.</dd>
</dl>
</div>
</div>