3-01. Flash Builder 프로젝트에 관해

Flex 4.0‎ > ‎Flash Builder 4 사용하기 (Using Flash Builder 4)‎ > ‎03. 프로젝트 작업‎ > ‎

Flash Builder는 소프트웨어 개발에 전통적인 접근하여, Application을 프로젝트라는 컨테이너에 통합 자원 (폴더 및 파일)을 그룹화하는 방법을 사용합니다. 프로젝트에는 Application의 구축 방법, 구축하는 Application의 위치 디버깅 작업 방법 및 작업 영역의 다른 프로젝트와 관계를 제어하는 속성 집합이 있습니다.

프로젝트를 관리하려면 리소스를 추가, 편집 및 삭제할 수 있는 Package Explorer View을 사용합니다. 워크스페이스에서 프로젝트 닫기, 리소스 가져오기, 외부 리소스에 대한 링크를 할 수 있습니다.

Flex 프로젝트 외에도 Flash Builder는 ActionScript 프로젝트라는 기본 프로젝트 형식을 제공합니다. ActionScript 프로젝트를 사용하면 ActionScript application 코드를 작성하고 디버깅할 수 있습니다. 이 ActionScript application은 Adobe Flash Player API에 직접 액세스하여 SWF 파일로 컴파일됩니다. ActionScript 프로젝트는 Flex framework 또는 MXML language를 사용하지 않습니다.

Flash Player에 배포되는 Applications

Flash Player에 배포할 수있는 Applications을 만들려면 New Flex Project 마법사를 사용합니다. 프로젝트를 만들 때 Applications에 대해 "Web (runs in Adobe Flash Player)"을 지정합니다. 이러한 Applications은 독립 실행형 SWF 파일에 컴파일됩니다. 자세한 내용은 프로젝트 작업 및 ActionScript 프로젝트를 참조하십시오.

Adobe AIR에 배포된 Applications

Adobe ® AIR ®로 배포할 수있는 Applications을 만들려면 New Flex Project 마법사를 사용합니다. 프로젝트를 만들 때 Applications에 대해 "Desktop (runs in Adobe AIR)"을 지정합니다. 배포할 수 있는 수준으로 설치가능한 AIR 패키지를 생성하려면 Export Release Build 기능을 사용합니다. 자세한 내용은 Flash Builder를 사용하여 AIR 어플리케이션 개발를 참조하십시오.

Flash Builder는 AIR 프로젝트 디버깅, 패키지 및 관리할 수있습니다. Flash Builder하여 Application을 AIR에서 실행하는 것이 가능합니다.

Adobe AIR Marketplace는 AIR 개발자가 AIR 어플리케이션을 제공하고 사용자는 어플리케이션을 다운로드 할 수 있습니다. Marketplace를 이용하기 위해서는www.adobe.com/go/marketplace 를 방문하십시오. Adobe AIR Marketplace에 관한 질문이 있는 경우www.adobe.com/go/marketplace_faq 를 방문하십시오.

Flex 라이브러리 프로젝트

Flash Builder를 사용하면 Applications간에 공유할 수 있거나 다른 개발자에게 배포할 custom code libraries를 구축할 수 있습니다. 라이브러리 프로젝트(library project)는 Flex 컴포넌트 및 기타 리소스 archive 파일이되는 SWC 파일을 생성합니다. 자세한 내용은 라이브러리 프로젝트를 참조하십시오.

프로젝트에 포함된 Applications

Flash Builder에서 Application을 시작하려면 먼저 프로젝트를 생성해야합니다. Web application (runs in Flash Player) 또는 Desktop application (runs in AIR)을 지정합니다. Flex 프로젝트를 생성하면 메인 Applications 파일이 자동으로 생성됩니다. 다음은 MXML Applications 파일, 커스텀 MXML 컴퍼넌트 파일, ActionScript 파일, Applications을 구성하는 다른 자산과 같은 다른 리소스를 추가합니다. ActionScript 프로젝트를 만들면 기본 ActionScript 파일이 만들어집니다. 다음 ActionScript 및 Flash Player API를 사용하여 Application을 구축할 수 있습니다. 자세한 내용은 Flex 프로젝트 만들기 및 프로젝트 관리를 참조하십시오.

workspaces에서 관리되는 프로젝트

프로젝트 관리 application을 만들어야 할때 구성하는 리소스(파일 및 폴더)및 파일 시스템의 특정 공간은 workspaces내에서 수행됩니다. 기본적으로 프로젝트는 workspaces에 저장됩니다. 그러나 workspaces 외부에 배포되는 프로젝트를 만들 수 있습니다. 이 프로젝트는 Flash Builder가 자동으로 workspaces에 연결됩니다. workspaces을 전환하면 Flash Builder를 다시 시작합니다.

각 workspaces에서 여러 프로젝트

workspaces에 필요한 수만큼 프로젝트를 추가할 수 있습니다. 모든 프로젝트는 Package Explorer에 표시되고 필요에 따라 관리할 수 있습니다. 리소스를 추가하거나 프로젝트를 폴더에 정리하고 workspaces에서 프로젝트를 빌드할 수 있습니다. 자세한 내용은 프로젝트 관리 및 프로젝트의 폴더 및 파일 만들기를 참조하십시오.

외부 링크 리소스

프로젝트의 리소스 외에도 프로젝트 외부와 workspaces 외부의 리소스에 연결할 수 있습니다. 링크 되어 있는 외부 리소스는 프로젝트의 일부로 표시되지만 프로젝트 위치 외부에 저장됩니다. 자세한 내용은 프로젝트 작업 영역 외부 리소스에 대한 링크를 참조하십시오.

프로젝트의 여러 Application

Flash Builder는 프로젝트의 여러 파일을 Application정의할 수 있습니다. 프로젝트를 생성하면 Application의 진입점이 되는 메인 Application파일 생성됩니다. 컴파일러는 이 파일을 사용하여 application의 SWF 파일을 생성합니다. 그러나 프로젝트가 복잡한 경우 추가로 Application 파일을 만들 수 있습니다. 모든 Application파일은 프로젝트 루트폴더 아래의 src 폴더에 저장해야합니다. 자세한 내용은 Project Application File 관리를 참조하십시오.

여러 Flex SDK 지원

진행중인 프로젝트 또는 유지 보수를 필요로 하는 이전 버전 코드를 기반으로 하는 프로젝트가 있을 수 있습니다. Flash Builder는 다른 버전의 SDK를 사용할 수 있습니다. 설치된 SDK를 사용하려면 Flash Builder 작업 영역을 설정하여 모든 프로젝트의 기본 SDK를 지정합니다. 프로젝트 설정 후 Flex > Installed SDKs를 선택하고 설정 대화 상자에서 SDK의 설정을 추가, 제거 또는 편집할 수 있습니다. Project > Properties > Flex Compiler를 선택하여 SDK 설정을 변경할 수 있습니다. 자세한 내용은 Flash Builder에서 여러 SDK 사용를 참조하십시오.

자동 프로젝트 구축

기본적으로 파일에 변경 사항이 저장될 때마다 프로젝트가 자동으로 작성됩니다. Application의 구축 방법을 완전히 제어할 수 있습니다. 빌드할때 사용자가 지정하는 특별한 요구 사항이 설정되어 있지 않으면 어플리케이션의 SWF 파일이 명확하게 자동적으로 생성됩니다. 자세한 내용은 프로젝트 빌드를 참조하십시오.

Export Release Build

사용하는 application을 배포할 준비가되어있는 경우 Export Release Build wizard 를 사용하여 application의 non-debug 버전과 릴리스버전을 만듭니다. 마법사는 필요한 asset을 디버그 버전과 다른 bin-release 폴더에 복사합니다. Application의 소스 코드를 포함할지 여부를 지정할 수 있습니다. Export되어진 프로그램은 최종 사용자가 볼 수 있는 최적화된 운영 빌드입니다. Adobe AIR 프로젝트의 경우, AIR 어플리케이션을 AIR 파일로 내보냅니다. Export Release Build를 사용하여 디지털 서명된 AIR 파일을 만듭니다. 사용자가 Application을 실행하기 전에 이 파일을 설치합니다.

사용자 Ant 스크립트

Apache Ant는 Java 기반의 빌드 도구에서 Flash Builder 어플리케이션을 구축하기위한 사용자 정의 스크립트를 만들 수 있습니다. Ant를 사용하여 표준 구축 프로세스를 수정 및 확장할 수 있습니다. 자세한 내용은 Apache Ant를 사용하여 구성 사용자 정의를 참조하십시오.

Command Line Build

Flash Builder Premium에서는 Command Line Build을 구현할 수 있습니다. 개발자의 개인적인 빌드 설정을 일일 버전과 동기화하려면 Command Line Build을 사용합니다. 자세한 내용은 Flash Builder Command Line Build를 참조하십시오.

프로젝트 형식

Flash Builder를 사용하여 다음 설정을 프로젝트 형식을 만듭니다.

Flex 프로젝트

프로젝트 설정 옵션은 Application 데이터 액세스 방법과 Adobe ® LiveCycle ® Data Services ES 또는 Adobe BlazeDS를 설치하고 있는지에 따라 다릅니다. Web Application (runs in Flash Player) 또는 Desktop application (runs in Adobe AIR) 프로젝트를 만들 수 있습니다. 옵션은 다음과 같습니다.

None: Application 서버를 사용하지 않을 경우 이 기본 설정을 사용하면 컴파일된 Flex 어플리케이션의 출력 폴더를 지정할 수 있습니다. New Project build에서도 Path를 설정할 수 있습니다.
ASP.NET: Microsoft Windows 및 Microsoft Visual Web Developer가 설치된 경우 배포를 위해 ASP.NET Development Server를 사용하여 프로젝트를 만들 수 있습니다. 또한 인터넷 정보 서비스 (IIS)가 사용 가능한 경우 IIS 아래 Flex 출력 폴더를 작성하며 프로젝트를 만들 수 있습니다.
ColdFusion: 프로젝트 설정은 LiveCycle Data Services, BlazeDS 또는 ColdFusion Flash Remoting을 함께 사용하여 ColdFusion을 사용하여 프로젝트를 만들 수 있습니다. 이 어떤 옵션을 선택하지 않으면 Web 루트 (또는 가상 폴더) 아래에 출력 폴더가 생성 됨과 동시에 ColdFusion 프로젝트가 만들어집니다. Flash Builder는 ColdFusion 데이터 소스에서 원격 데이터에 액세스하기 위한 도구를 제공합니다. 자세한 내용은 Flash Builder를 사용하여 데이터 중심 application 만들기를 참조하십시오.
J2EE: 프로젝트 설정은 전개에 J2EE를 사용하여 프로젝트를 만들 수 있습니다. Remote Object Access와 LiveCycle Data Services 또는 BlazeDS를 사용할지 여부를 지정합니다. Remote Object Access을 선택하지 않으면 출력 폴더는 Java application 서버의 루트에 만들어집니다. "Remote Object Access Service 사용"옵션을 선택한 경우, LiveCycle Data Services 또는 BlazeDS에서 Flex를 사용할 수 있습니다. 프로젝트는 LiveCycle Data Services 서버 또는 BlazeDS 서버에 배포됩니다. Eclipse Web Tools Project (WTP) 플러그인이 설치되어있는 경우 "WTP를 사용하여 결합하여 Java / Flex 프로젝트를 생성(Create Combined Java/Flex Project Using WTP)"옵션을 선택하여 Remote Object Access Service을 사용하거나 사용하지 Java/Flex 결합 프로젝트를 만들 수 있습니다. WTP를 사용하여 로컬에서 컴파일된 프로젝트는 프로젝트가 J2EE 서버에 배포됩니다.
LiveCycle Data Services는 WTP 함께 사용하거나 사용하지 않을 수도있습니다. WTP 함께 LiveCycle Data Services를 사용하면 프로젝트는 로컬 LiveCycle Data Services 서버에 배포되지 않고 WTP 기능을 사용하여 배포됩니다.
PHP: 프로젝트 설정은 Apache / IIS Web 루트 (또는 가상 폴더)에 Flex 출력 폴더를 가진 Flex 프로젝트를 만들 수 있습니다. Flash Builder는 PHP 서버에서 원격 데이터에 액세스하기위한 도구를 제공합니다. 자세한 내용은 Flash Builder를 사용하여 데이터 중심 application 만들기를 참조하십시오.
기타: 위에서 설명한 이외의 application 서버를 사용하는 경우이 옵션은 컴파일된 application의 출력 폴더를 지정할 수 있습니다. 새 프로젝트 Build Path도 설정할 수 있습니다.
Web 서비스와 HTTP 서비스: 어떤 application 종류도 Web 서비스와 HTTP 서비스에 액세스할 수있는 application을 만들 수 있습니다. Flash Builder는, Web 서비스와 HTTP 서비스에 액세스하기위한 도구를 제공합니다. 자세한 내용은Flash Builder를 사용하여 데이터 중심 application 만들기를 참조하십시오.

ActionScript 프로젝트

Flex 프레임워크가 아니라 Flash API를 기반으로하며, ActionScript 개발자가 Flash Builder를 사용하여 ActionScript Application 코드 작성, 빌드 및 디버깅 할 수 있습니다. 이 프로젝트는 사용자 인터페이스 정의에서 MXML을 사용하지 않기 때문에 디자인 모드에서 Application의 레이아웃과 디자인을 볼 수 없습니다. 필요한 경우 소스 편집기, 디버깅 도구에서 단독으로 작업합니다. 그런 다음 프로젝트를 구축하여 SWF Application 파일에 통합하고 Web 브라우저 또는 독립 실행형 Flash Player에서 Application의 미리보기 및 테스트를 수행합니다. ActionScript 프로젝트에 대한 자세한 내용은 ActionScript 프로젝트를 참조하십시오.

Library Project

Library Project는 컴포넌트 및 기타 리소스 패키징 및 배포에 사용됩니다. 다른 프로젝트에 추가하거나 다른 개발자에게 배포할 SWC 파일을 생성합니다. 자세한 내용은 Library Project를 참조하십시오.

Flash Professional 프로젝트

Flash Professional 프로젝트를 사용하면 Adobe Flash Professional CS5에서 만든 FLA 또는 XFL 파일을 편집, 빌드하거나 디버깅할 수있습니다. Flash Professional 프로젝트는 Flash Professional CS5가 설치된 경우에만 사용할 수 있습니다. 자세한 내용은 Flash Professional 프로젝트 만들기를 참조하십시오.

Package Explorer 프로젝트

작업 영역의 모든 프로젝트는 다음과 같이 Package Explorer라 표시됩니다. Package Explorer은 실제 및 논리 (평면) 뷰 모두에서 프로젝트의 트리를 볼 수 있습니다. 해당 뷰를 사용하면 자원(폴더 및 파일) 추가 / 제거, 외부 리소스 가져오기 및 연결, 자원의 워크스페이스에서 다른 프로젝트로 이동하는 등 프로젝트를 관리할 수 있습니다.

Package Explorer의 주요 기능은 다음과 같습니다.

계층 구조보기 또는 평면 표시로 ActionScript 패키지를 나열합니다.

Package Explorer 메뉴를 사용하여 package presentation을 지정합니다.
프로젝트 라이브러리는 2개의 최상위 노드로 표시됩니다. 1개의 노드는 Flex SDK 용이고 다른 1개의 노드를 참조하는 라이브러리에 사용됩니다.

라이브러리의 콘텐츠를 확장하고 편집기를 열어 첨부 파일을 볼 수 있습니다.
오류나 경고에 대한 표식을 Package Explorer에서 확인할 수 있습니다.
프로젝트 및 리소스가 화면상에 보이는 것을 제한할 수있습니다.

작업 세트 (자원의 집합체)를 만들고 표시 필터를 만들고 이름이나 형식순에 따라 리소스를 정렬할 수 있습니다. 이 옵션은 Package Explorer 메뉴에서 사용할 수 있습니다. 뷰 변경에 대한 자세한 내용은 Flash Builder workbench의 조작과 커스터 마이즈를 참조하십시오.
뷰에서 트리를 확장하면 ActionScript 파일, MXML 파일과 CSS 파일을 볼 수 있습니다.

Package Explorer에서 편집할 프로젝트 리소스를 열 수 있습니다. 예를 들어 MXML과 <fx:Script> 블록의 ActionScript <fx:Style> 블록의 CSS를 편집 할 수 있습니다. 또는 디자인 모드로 전환하고 컴포넌트 및 컨트롤을 시각적으로 사용하여 Application의 레이아웃과 동작을 만들 수 있습니다. Flash Builder 에디터 사용법에 대한 자세한 내용은Flash Builder에서의 코드 편집에 관하여 및 Flash Builder를 통해 사용자 인터페이스 구축를 참조하십시오.

그 때, 프로젝트, 파일, 폴더를 추가하고 필요한 경우 구성하고 관리합니다 (프로젝트의 폴더 및 파일 만들기를 참조하십시오.)

Package Explorer View에서 사용하는 메뉴 명령의 대부분이 뷰의 컨텍스트 메뉴에서 사용할 수있습니다.

Package Explorer에서 프로젝트 작업에 대한 자세한 내용은 프로젝트 관리 및 프로젝트의 폴더 및 파일 만들기를 참조하십시오.

프로젝트 만들기 및 자원 열기

Flash Builder는 Flex 프로젝트, ActionScript 프로젝트와 Flex 라이브러리 프로젝트 생성을 안내합니다. 다음 표에서는 프로젝트에 대해 설명합니다. 프로젝트를 만들려면, File > New 를 선택합니다.

프로젝트 형식	설명
ActionScript 프로젝트(ActionScript Project)	Flex 프레임워크가 아니라 Flash API를 기반으로하는 ActionScript 프로젝트. ActionScript 프로젝트에서는 ActionScript 개발자는 Flash Builder를 사용하여 ActionScript 전용 Application 코드를 작성, 빌드, 디버깅합니다. 자세한 내용은ActionScript 프로젝트 만들기를 참조하십시오.
Flex 프로젝트(Flex Project)	Flex 프로젝트에는 Application빌드하여 Application의 위치, 디버깅 작업 방법 및 작업 영역의 다른 프로젝트와 관계를 제어하는 속성 집합이 있습니다. Flex 프로젝트는 Flash Player에서 실행되는 Application(Web Applications) 또는 Adobe AIR에서 실행하는 Application (Desktop Application)을 만들 수 있습니다. 자세한 내용은 Flex Project Property설정를 참조하십시오.
Flex 라이브러리 프로젝트(Flex Library Project)	Flex 라이브러리 프로젝트는 컴포넌트 및 기타 리소스 패키징 및 배포에 사용됩니다. 다른 프로젝트에 추가하거나 다른 개발자에게 배포할 SWC 파일을 생성합니다. 자세한 내용은 라이브러리 프로젝트를 참조하십시오.

프로젝트 리소스

Flex 어플리케이션과 ActionScript application은 여러 표준 자원 유형 (MXML, ActionScript 및 CSS)을 지원합니다. 다음 표에서는 프로젝트에 추가할 수 있는 리소스의 유형을 나열합니다. 이러한 리소스를 추가하려면 File > New 를 선택합니다.

자원 유형	설명
ActionScript 클래스(ActionScript Class)	ActionScript 클래스 파일. 이 유형의 리소스를 추가하면 새 ActionScript Class Wizard로 수퍼 클래스와 인터페이스와 같은 클래스 정의 요소를 입력하도록 요청합니다. Flash Builder의 ActionScript 사용법에 대한 자세한 내용은ActionScript 클래스 만들기를 참조하십시오.
ActionScript 파일(ActionScript File)	ActionScript 함수를 작성하기위한 텍스트 템플릿.
ActionScript 인터페이스(ActionScript Interface)	ActionScript 인터페이스 파일. 이 유형의 리소스를 추가하면 새 ActionScript interface Wizard 의해 확장 인터페이스와 그들이 들어있는 패키지와 같은 인터페이스 정의 요소를 입력하도록 요청합니다. Flash Builder의 ActionScript 사용법에 대한 자세한 내용은 ActionScript 인터페이스 만들기를 참조하십시오.
CSS 파일(CSS File)	Cascading Style Sheets file 만들기위한 텍스트 템플릿.
파일(File)	포맷되지 않은 텍스트 파일. 자세한 내용은 프로젝트의 폴더 및 파일 만들기를 참조하십시오.
폴더(Folder)	프로젝트의 내용을 정리하기위한 표준 파일시스템 폴더입니다. 자세한 내용은 프로젝트의 폴더 및 파일 만들기를 참조하십시오.
MXML 어플리케이션(MXML Application)	루트 MXML 요소로 `<s:Application>` 태그가있는 표준 application파일 (Flex 4 프로젝트의 경우). application에 사용할 레이아웃을 지정할 수 있습니다. Flex 프로젝트는 여러 application파일을 설정할 수 있습니다. 자세한 내용은Project Application File 관리를 참조하십시오.
MXML 컴퍼넌트(MXML Component)	루트 MXML 요소로 `<s:Group>` 태그를 가진 표준 컴퍼넌트 파일입니다. 마법사는 대체 루트 MXML 요소를 지정할 수있습니다. 자세한 내용은 Flash Builder를 사용하여 MXML 컴퍼넌트의 작성를 참조하십시오.
MXML 렌더러(MXML Item Renderer)	렌더러는 DataGroup, SkinnableDataContainer 데이터 항목의 모양, 또는 이들의 하위 클래스의 데이터 항목의 모양을 제어합니다. 모양은 글꼴, 배경색, 테두리 등의 데이터 항목의 시각적 요소를 모두 포함할 수 있습니다. 자세한 내용은 Custom ItemRenderer 생성을 참조하십시오.
MXML 스킨(MXML Skin)	스킨 클래스는 사용자 인터페이스 컨트롤의 모양을 변경합니다. Spark 구성 요소와 MX 구성 요소는 스킨 만들기, 편집 및 로드하는 방법이 다릅니다. 자세한 내용은 스킨의 사용자 인터페이스 변경를 참조하십시오.
MXML Module	기존 Application 프로젝트에 추가하거나 별도로 만들 수있는 자원. 그러나 항상 1개의 appliation과 연결되어있습니다. 자세한 내용은 Flash Builder에서 모듈 만들기를 참조하십시오.
Test Case Class Test Suite Class	FlexUnit 테스트 케이스 및 테스트 제품군. 반복 가능한 테스트를 생성하고 편집할 수 있습니다. 이 테스트는 스크립트에서 실행하거나 Flash Builder에서 직접 실행할 수있습니다. 자세한 내용은 FlexUnit 테스트 환경를 참조하십시오.
패키지(Package)	프로젝트 소스의 새 패키지를 만듭니다. 기본 위치는 프로젝트 폴더의 `src` 디렉토리입니다.
기타(Other)	Flash Builder에 등록되어있는 다른 파일 형식. 다른 파일 형식을 추가하려면 File > New > Other를 선택합니다. 예를 들어 Flash Builder에 Java 플러그인이 설치된 경우 새 Java 클래스, 인터페이스와 패키지를 추가할 수 있습니다. 파일 유형 Flash Builder에 가입하는 경우 해당하는 에디터도 Workbench에서 사용할 수 있습니다. 자세한 내용은 편집기와 파일 형식과 연결를 참조하십시오. 등록되지 않은 파일 형식을 가져 올때 언제든지 프로젝트를 추가할 수 있습니다. 자세한 내용은프로젝트 로드를 참조하십시오.

리소스를 프로젝트에 추가하는 방법에 대한 자세한 내용은 프로젝트의 폴더 및 파일 만들기를 참조하십시오.

플렉스 문서 도구 - 한글