mozilla

Revision 484365 of 앱 소개

  • 리비전 슬러그: Apps
  • 리비전 제목: 앱 소개
  • 리비전 아이디: 484365
  • 제작일시:
  • 만든이: Constantine Kim
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

개방형 웹 앱의 정보를 얻고 싶으세요?
지금 등록하세요!

개방형 웹 앱이라는 아이디어는 개발자들이 다양한 디바이스와 제조사와 상관없이 웹 표준을 이용하여 앱을 개발하는 꿈을 데스크톱, 모바일, 태블릿에서도 실현하고자 하는 것입니다. 웹 표준 및 개방 기술은 이미 HTML5, CSS, 및 JavaScript로 제공되고 있으며, 특히 개방형 웹 앱은 일반적인 웹 페이지와 다르지 않지만 특수한 요구 사항을 위한 앱 모델도 지원하고 있습니다. 개방형 웹 앱은 표준 웹 기술로 만들며 어떤 사용자 에이전트도 접근하고 설치 및 구동할 수 있는 메타데이터를 제공합니다.

멋진 앱을 만들기 위해서 아래의 다양한 정보를 직접 공부하고 활용해 보세요.

 

개방형 웹 앱의 장점

  • 디바이스에 직접 설치와 오프라인 저장소개방형 웹 앱은 디바이스에 설치될 수 있고, 로컬스토리지, Indexed DB 등의 API 를 최대한 활용해 로컬 데이터 저장 기능을 제공합니다. 게다가 범용적인 웹 기술들은 네이티브 앱들에 비해 아주 적은 공간을 차지하는 경우가 많고, 업데이트 할 때마다 완전히 새로운 패키지를 설치하기 보다는 변경된 부분만 업데이트할 수 있습니다. 따라서 이런 앱들은 항상 웹에 온라인이어야 하는 환경에 비교적 덜 의존적이고, 네트워크가 좋지 않은 상황에 더 강합니다.
  • 하드웨어 접근개방형 웹 앱과 함께 제공되는 메타데이터는 애플리케이션에 특별한 권한이 필요한 API 들에 접근할 수 있는 권한을 제공할 수 있고, 그럼으로써 웹 플랫폼에서는 이전에는 누릴 수 없었던 디바이스 하드웨어 기능을 활용할 수 있도록 합니다.
  • 담장을 두른 정원을 부수기: 모바일 플랫폼을 위한 표준은 벤더 전용의 기술들로 담장을 두른 정원과 비슷합니다. 따라서 앱들은 그들의 플랫폼 안에 묶이게됩니다. 또 스마트폰은 비싼 경우가 많고 앱 결재를 위해 신용카드를 요구하는 경우도 많습니다. 개방형 웹 앱은 더 저렴한 하드웨어에서 동작이 가능한 경우가 많고 특히 Firefox OS 디바이스에서는 말그대로 경량화된 리눅스 커널 위에서 동작하는 Firefox 자체를 가지게 됩니다. 그리고 개방형 웹 앱은 가장 많이 배포된 플랫폼인 범용적인 웹 기술로 작성되어 있습니다. 또한 Firefox OS 기기들은 결제 시스템을 탑재하고 있어서 앱 구매시 선불 결제나 전화 요금에 통합과금되는 형태의 결제를 사용할 수 있습니다.
  • 개방형 웹 앱 스토어: 위에 언급된 바에 따라 여러분은 자신의 앱을 이미 존재하고 있는 마켓플레이스(Firefox Marketplace와 같은)를 통해 제공할 수도 있고 전혀 다른 곳에서 제공할 수도 있습니다. 이것은 여러분의 선택에 달려있습니다. Mozilla는 개발자들에게 쉬운 개발에서부터 직접적인 고객관계관리를 제공하는데  이르기까지 모든 방면의 앱 경험에 대한 권한을 돌려주려고합니다. 그리고 이 앱들은 다른 웹 기반의 앱에서 경험한 바와 같이 검색엔진을 통해 검색될 수 있습니다.

개방형 웹 앱을 지원하는 플랫폼

Firefox OS 는 Mozilla의 흥미로운 새로운 개방형 웹 앱 플랫폼입니다. 이 플랫폼은 스마트폰 경험을 낮은 가격의 핸드폰에서도 경험할 수 있도록 전달하고, 어떻게 모바일 플랫폼이 개방을 통해 달성될 수 있는지를 보여줍니다. 하지만 거기서 멈추는 것이 아닙니다. Mozilla는 특별한 권한이 필요한 API 를 제공하고, 표준화를 선언하고, 개방형 웹 앱을 데스크톱 Firefox나 안드로이드용 Firefox, 그리고 다른 브라우저에 이르기까지 다른 플랫폼에 설치할 수 있도록 지원하는 방법을 기획하고 있습니다.

개발자 문서

개방형 웹 앱 소개
개방형 웹 앱에 대한 기본적인 설명 및 개념
웹 앱 기본
앱을 만들고, 설치 및 구동하기 위한 가이드라인
웹 앱 디자인
앱에 대한 디자인 정보
웹 앱 개발하기
DOM, HTML5 디바이스 APIs (WebAPIs)등을 포함한 앱 개발 기술 소개
앱 등록하기
Firefox Marketplace에 앱을 등록하고 게시하기 위한 가이드. 인앱 지불 방법에 대한 정보
고급 정보
크로스 플랫폼 환경에서 다양한 앱 개발 및 설치를 위한 고급 기술 문서
자주 묻는 질문
개방형 웹 앱과 Firefox OS Marketplace에 대한 각종 질문들

전체 보기...

{{AppsLandingRightSide()}}

 

리비전 소스

<div class="centeredInfoBanner">
 <strong>개방형 웹 앱의 정보를 얻고 싶으세요?</strong><br />
 <a href="https://marketplace.firefox.com/developers/#newsletter-signup">지금 등록하세요!</a></div>
<p><img alt="" src="https://mdn.mozillademos.org/files/4627/fx-marketplace-icon.png" style="width: 175px; height: 175px; float: left;" /> <span class="seoSummary">개방형 웹 앱</span>이라는 아이디어는 <span class="seoSummary">개발자들이 다양한 디바이스와 제조사와 상관없이 웹 표준을 이용하여 앱을 개발하는</span> 꿈을 데스크톱, 모바일, 태블릿에서도 실현하고자 하는 것입니다. <span class="seoSummary">웹 표준 및 개방 기술은 이미 <span class="seoSummary">HTML5, CSS, 및 JavaScript</span>로 제공되고 있으며, 특히 개방형 웹 앱은 일반적인 웹 페이지와 다르지 않지만 특수한 요구 사항을 위한 앱 모델도 지원하고 있습니다. 개방형 웹 앱은 표준 웹 기술로 만들며 어떤 사용자 에이전트도 접근하고 설치 및 구동할 수 있는 메타데이터를 제공합니다. </span></p>
<p>멋진 앱을 만들기 위해서 아래의 다양한 정보를 직접 공부하고 활용해 보세요.</p>
<nav class="apps-nav-wrapper">
 <ul class="main-categories">
  <li>
   <p><a href="/ko/docs/Web/Apps/Quickstart/Build/Intro_to_open_web_apps">개방형 웹 앱 소개</a></p>
  </li>
  <li>
   <p><a href="https://developer.mozilla.org/ko/docs/Web/Apps/Planning_your_app">
    <i class="icon-pencil icon-large">
    </i>
    앱 기획
    <i class="icon-long-arrow-left icon-large">
    </i>
    </a></p>
  </li>
  <li>
   <p><a href="https://developer.mozilla.org/ko/docs/Web/Apps/app_layout">
    <i class="icon-list-alt icon-large">
    </i>
    앱 레이아웃
    <i class="icon-long-arrow-left icon-large">
    </i>
    </a></p>
  </li>
  <li>
   <p><a href="https://developer.mozilla.org/ko/docs/Web/Apps/graphics_and_ux">
    <i class="icon-picture icon-large">
    </i>
    그래픽 및 UX
    <i class="icon-long-arrow-left icon-large">
    </i>
    </a></p>
  </li>
  <li>
   <p><a href="https://developer.mozilla.org/ko/docs/Web/Apps/Developing">
    <i class="icon-code icon-large">
    </i>
    앱 개발하기
    <i class="icon-long-arrow-left icon-large">
    </i>
    </a></p>
  </li>
  <li>
   <p><a href="https://developer.mozilla.org/ko/docs/Web/Apps/Publishing">
    <i class="icon-usd icon-large">
    </i>
    앱 등록하기
    <i class="icon-long-arrow-left icon-large">
    </i>
    </a></p>
  </li>
 </ul>
</nav>
<p>&nbsp;</p>
<div class="topicpage-table">
 <div class="section">
  <h2 id=".EA.B0.9C.EB.B0.A9.ED.98.95_.EC.9B.B9_.EC.95.B1.EC.9D.98_.EC.9E.A5.EC.A0.90">개방형 웹 앱의 장점</h2>
  <ul>
   <li><strong><span style="line-height: normal; font-family: 'Lucida Grande';">디바이스에 직접 설치와 오프라인 저장소</span></strong>:&nbsp;<span style="line-height: normal; font-family: 'Lucida Grande';">개방형 웹 앱은 디바이스에 설치될 수 있고, 로컬스토리지, Indexed DB 등의 API 를 최대한 활용해 로컬 데이터 저장 기능을 제공합니다. 게다가 범용적인 웹 기술들은 네이티브 앱들에 비해 아주 적은 공간을 차지하는 경우가 많고, 업데이트 할 때마다 완전히 새로운 패키지를 설치하기 보다는 변경된 부분만 업데이트할 수 있습니다. 따라서 이런 앱들은 항상 웹에 온라인이어야 하는 환경에 비교적 덜 의존적이고, 네트워크가 좋지 않은 상황에 더 강합니다.</span></li>
   <li><strong><span style="line-height: normal; font-family: 'Lucida Grande';">하드웨어 접근</span></strong>:&nbsp;<span style="line-height: normal; font-family: 'Lucida Grande';">개방형 웹 앱과 함께 제공되는 메타데이터는 애플리케이션에 특별한 권한이 필요한 API 들에 접근할 수 있는 권한을 제공할 수 있고, 그럼으로써 웹 플랫폼에서는 이전에는 누릴 수 없었던 디바이스 하드웨어 기능을 활용할 수 있도록 합니다.</span></li>
   <li><strong><span style="line-height: normal; font-family: 'Lucida Grande';">담장을 두른 정원을 부수기:</span></strong>&nbsp;<span style="line-height: normal; font-family: 'Lucida Grande';">모바일 플랫폼을 위한 표준은 벤더 전용의 기술들로 담장을 두른 정원과 비슷합니다. 따라서 앱들은 그들의 플랫폼 안에 묶이게됩니다. 또 스마트폰은 비싼 경우가 많고 앱 결재를 위해 신용카드를 요구하는 경우도 많습니다. 개방형 웹 앱은 더 저렴한 하드웨어에서 동작이 가능한 경우가 많고 특히 Firefox OS 디바이스에서는 말그대로 경량화된 리눅스 커널 위에서 동작하는 Firefox 자체를 가지게 됩니다. 그리고 개방형 웹 앱은 가장 많이 배포된 플랫폼인 범용적인 웹 기술로 작성되어 있습니다. 또한 Firefox OS 기기들은 결제 시스템을 탑재하고 있어서 앱 구매시 선불 결제나 전화 요금에 통합과금되는 형태의 결제를 사용할 수 있습니다.</span></li>
   <li><strong><span style="line-height: normal; font-family: 'Lucida Grande';">개방형 웹 앱 스토어:&nbsp;</span></strong><span style="line-height: normal; font-family: 'Lucida Grande';">위에 언급된 바에 따라 여러분은 자신의 앱을 이미 존재하고 있는 마켓플레이스(<a href="https://marketplace.firefox.com/" style="line-height: 21px;" title="https://marketplace.firefox.com/">Firefox Marketplace</a>와 같은)를 통해 제공할 수도 있고&nbsp;전혀 다른 곳에서 제공할 수도 있습니다. 이것은 여러분의 선택에 달려있습니다. Mozilla는 개발자들에게 쉬운 개발에서부터 직접적인 고객관계관리를 제공하는데 &nbsp;이르기까지&nbsp;모든 방면의&nbsp;앱 경험에 대한 권한을 돌려주려고합니다. 그리고 이 앱들은 다른 웹 기반의 앱에서 경험한 바와 같이 검색엔진을 통해 검색될 수 있습니다.</span></li>
  </ul>
  <h2 id=".EA.B0.9C.EB.B0.A9.ED.98.95_.EC.9B.B9_.EC.95.B1.EC.9D.84_.EC.A7.80.EC.9B.90.ED.95.98.EB.8A.94_.ED.94.8C.EB.9E.AB.ED.8F.BC">개방형 웹 앱을 지원하는 플랫폼</h2>
  <p><a href="/en-US/docs/Mozilla/Firefox_OS" title="/en-US/docs/Mozilla/Firefox_OS">Firefox OS</a>&nbsp;<span style="font-family: 'Lucida Grande'; line-height: inherit;">는&nbsp;</span><span style="line-height: inherit;">Mozilla</span><span style="font-family: 'Lucida Grande'; line-height: inherit;">의 흥미로운 새로운 개방형 웹 앱 플랫폼입니다. 이 플랫폼은 스마트폰 경험을 낮은 가격의 핸드폰에서도 경험할 수 있도록 전달하고, 어떻게 모바일 플랫폼이 개방을 통해 달성될 수 있는지를 보여줍니다. 하지만 거기서 멈추는 것이 아닙니다.&nbsp;</span><span style="line-height: inherit;">Mozilla</span><span style="font-family: 'Lucida Grande'; line-height: inherit;">는 특별한 권한이 필요한 API 를 제공하고, 표준화를 선언하고, 개방형 웹 앱을 데스크톱 Firefox나 안드로이드용 Firefox, 그리고 다른 브라우저에 이르기까지 다른 플랫폼에 설치할 수 있도록 지원하는 방법을 기획하고 있습니다.</span></p>
 </div>
 <div class="section">
  <h2 class="Documentation" id="Documentation" name="Documentation">개발자 문서</h2>
  <dl>
   <dt>
    <a href="/ko/docs/Web/Apps/Quickstart/Build/Intro_to_open_web_apps" title="/en-US/docs/Web/Apps/Introduction_to_open_web_apps">개방형 웹 앱 소개</a></dt>
   <dd>
    개방형 웹 앱에 대한 기본적인 설명 및 개념</dd>
   <dt>
    <a href="/ko/docs/Web/Apps/Basics">웹 앱 기본</a></dt>
   <dd>
    앱을 만들고, 설치 및 구동하기 위한 가이드라인</dd>
   <dt>
    <a href="/ko/docs/Web/Apps/Design">웹 앱 디자인</a></dt>
   <dd>
    앱에 대한 디자인 정보</dd>
   <dt>
    <a href="/ko/docs/Web/Apps/Developing">웹 앱 개발하기</a></dt>
   <dd>
    DOM, HTML5 디바이스 APIs (WebAPIs)등을 포함한 앱 개발 기술 소개</dd>
   <dt>
    <a href="/en-US/docs/Web/Apps/Publishing">앱 등록하기</a></dt>
   <dd>
    Firefox Marketplace에 앱을 등록하고 게시하기 위한 가이드. 인앱 지불 방법에 대한 정보</dd>
   <dt>
    <a href="/ko/docs/Web/Apps/Advanced_topics">고급 정보</a></dt>
   <dd>
    크로스 플랫폼 환경에서 다양한 앱 개발 및 설치를 위한 고급 기술 문서</dd>
   <dt>
    <a href="/ko/docs/Web/Apps/FAQs">자주 묻는 질문</a></dt>
   <dd>
    개방형 웹 앱과 Firefox OS Marketplace에 대한 각종 질문들</dd>
  </dl>
  <p><span class="alllinks"><a href="/ko/docs/tag/Apps">전체 보기...</a></span></p>
  <p>{{AppsLandingRightSide()}}</p>
 </div>
</div>
<p>&nbsp;</p>
현재 리비전 복원