Dreamweaver를 사용하여 첫 번째 HTML 기반 AIR 응용 프로그램 만들기

Adobe® AIR® 작동 방식을 빠르게 살펴보려면 다음 지침에 따라 Adobe® AIR® Extension for Dreamweaver®를 사용하여 간단한 HTML 기반 AIR "Hello World" 응용 프로그램을 만들고 패키지화해 보십시오.

아직 Adobe AIR를 설치하지 않은 경우 www.adobe.com/go/air_kr 에서 다운로드하여 설치하십시오.

Adobe AIR Extension for Dreamweaver를 설치하는 방법은 Adobe AIR Extension for Dreamweaver 설치 를 참조하십시오.

시스템 요구 사항을 비롯한 Extension에 대한 개요는 AIR Extension for Dreamweaver 를 참조하십시오.

참고: HTML 기반 AIR 응용 프로그램은 데스크톱 및 extendedDesktop 프로파일에 대해서만 개발할 수 있습니다. 모바일 프로파일은 지원되지 않습니다.

응용 프로그램 파일 준비

Adobe AIR 응용 프로그램의 시작 페이지와 모든 관련 페이지가 Dreamweaver 사이트에 정의되어 있어야 합니다.

  1. Dreamweaver를 시작하고 사이트를 정의했는지 확인합니다.

  2. [파일] > [새로 만들기]를 선택한 다음 [페이지 유형] 열에서 HTML을 선택하고 [레이아웃] 열에서 [없음]을 선택한 후 [만들기]를 클릭하여 새 HTML 페이지를 엽니다.

  3. 새 페이지에서 Hello World! 를 입력합니다.

    이 예제는 매우 단순합니다. 원한다면 텍스트에 좋아하는 스타일을 지정하고, 페이지에 더 많은 내용을 추가하고, 다른 페이지를 이 시작 페이지에 링크할 수 있습니다.

  4. [파일] > [저장]을 차례로 클릭한 다음 페이지를 hello_world.html로 저장합니다. 파일을 Dreamweaver 사이트에 저장했는지 확인합니다.

Dreamweaver 사이트에 대한 자세한 내용은 Dreamweaver 도움말을 참조하십시오.

Adobe AIR 응용 프로그램 만들기

  1. hello_world.html 페이지가 Dreamweaver 문서 윈도우에 열려 있어야 합니다. 만드는 방법은 이전 단원을 참조하십시오.

  2. [사이트] > [Air 응용 프로그램 설정]을 선택합니다.

    [AIR 응용 프로그램 및 설정] 대화 상자에 있는 대부분의 필수 설정은 자동으로 입력됩니다. 하지만 응용 프로그램의 초기 내용(또는 시작 페이지)은 직접 선택해야 합니다.

  3. [초기 내용] 옵션 옆에 있는 [찾아보기] 버튼을 클릭하고 hello_world.html 페이지를 찾아 선택합니다.

  4. [디지털 서명] 옵션 옆에 있는 [설정] 버튼을 클릭합니다.

    디지털 서명은 소프트웨어 작성자가 만든 이후로 응용 프로그램의 코드가 변경되거나 손상되지 않았음을 보장하며 모든 Adobe AIR 응용 프로그램에 필요합니다.

  5. [디지털 서명] 대화 상자에서 [디지털 인증서로 AIR 패키지 서명]을 선택한 다음 [만들기] 버튼을 클릭합니다. 디지털 인증서에 액세스할 수 있는 경우에는 [찾아보기] 버튼을 클릭하여 선택할 수도 있습니다.

  6. [자체 서명된 디지털 인증서] 대화 상자의 필수 필드에 필요한 정보를 모두 입력합니다. 이름, 암호, 암호 확인을 입력한 다음 디지털 인증서 파일의 이름을 입력해야 합니다. 디지털 인증서는 사이트 루트에 저장됩니다.

  7. [확인]을 클릭하여 [디지털 서명] 대화 상자로 돌아갑니다.

  8. [디지털 서명] 대화 상자에서 디지털 인증서에 지정한 암호를 입력하고 [확인]을 클릭합니다.

    작업을 마치면 [AIR 응용 프로그램 및 설치 프로그램 설정] 대화 상자가 다음과 같이 표시됩니다.

    전체 화면으로 그래픽 보기

    모든 대화 상자 옵션 및 해당 옵션을 편집하는 방법에 대해서는 Dreamweaver에서 AIR 응용 프로그램 만들기 를 참조하십시오.

  9. [AIR 파일 만들기] 버튼을 클릭합니다.

    Dreamweaver에서 Adobe AIR 응용 프로그램을 만들어 사이트 루트 폴더에 저장합니다. 또한 application.xml 파일을 만들어 같은 위치에 저장합니다. 이 파일은 응용 프로그램의 다양한 속성을 정의하는 매니페스트로 사용됩니다.

데스크톱에 응용 프로그램 설치

이제 응용 프로그램 파일을 만들었으므로 원하는 데스크톱에 설치할 수 있습니다.

  1. Adobe AIR 응용 프로그램 파일을 Dreamweaver 사이트에서 자신의 데스크톱으로 이동하거나 다른 데스크톱으로 이동합니다.

    이 단계는 선택 사항입니다. 원하는 경우 Dreamweaver 사이트 디렉토리에서 사용자 컴퓨터에 직접 새 응용 프로그램을 설치할 수 있습니다.

  2. 응용 프로그램 실행 파일(.air 파일)을 두 번 클릭하여 응용 프로그램을 설치합니다.

Adobe AIR 응용 프로그램 미리 보기

AIR 응용 프로그램의 일부가 되는 페이지는 언제라도 미리 볼 수 있습니다. 즉, 응용 프로그램을 설치했을 때 어떻게 보이는지 확인하기 위해 응용 프로그램을 패키지화할 필요가 없습니다.

  1. Dreamweaver 문서 윈도우에 hello_world.html 페이지가 열려 있어야 합니다.

  2. [문서] 툴바에서 [미리 보기]/[브라우저에서 디버그] 버튼을 클릭한 다음 [AIR에서 미리 보기]를 선택합니다.

    Ctrl+Shift+F12(Windows) 또는 Cmd+Shift+F12(Macintosh)를 눌러 이 작업을 수행할 수도 있습니다.

    이 페이지를 미리 보면 사용자가 데스크톱에 응용 프로그램을 설치한 후 응용 프로그램의 시작 페이지로 표시되는 내용을 확인할 수 있습니다.