[엘리의 실버라이트 2.0] Silverlight 응용 프로그램 만들기 Silverlight2008/07/18 01:13
본 강좌는 위의 원글을 참고 및 번역해서 작성했으며, 글 중간중간 제 개인적인 표현이나 의견을 넣어서 각색했습니다.
안녕하셨어요?
휴가 계획은 잡으셨는지 궁금합니다. 저는 회사에서 휴가 계획을 제출하라고 해서 일단 7월 말로 제출하긴 했는데, 언제 갈 지는 모르겠네요. ^.^
요즘 저는 ‘다보스 리포트 – 힘의 이동’ 이라는 책을 읽고 있습니다. 이 책은 2007년 다보스 포럼 (정식 명칭: 세계 경제 포럼)에서 나온 안건들을 소개한 내용입니다. 다보스 포럼은 매년 스위스 다보스에서 2,000명이 넘는 경제인과 정치인, 미디어, 학자, 등이 참석하여 세계 경제의 주요 관심사를 논의하는 모임입니다.
이 책에서 관심 있는 분야 중에 하나는 웹 2.0에 대해서 준비하고 분석하고 있다는 것입니다. 웹 2.0과 함께 거론되는 RIA (Rich Interactive Application) 그리고 RIA와 함께 거론되는 Silverlight…^.^ 세계 글로벌 리더들도 미래의 세상을 예견하면서 웹 2.0에 대해서 논의했듯이 우리도 열심히 공부하자는 의미에서 몇 자 적었습니다. (아흐~썰렁한 결말 -ㅅ-)
그럼 오늘은 두 번 째 시간으로 실제 Silverlight 개발에 들어가보도록 하겠습니다.
Silverlight 응용 프로그램 만들기
Visual Studio 2008로 Silverlight 2 기반 응용 프로그램을 개발하기 위해선 Visual Studio 2008용 Silverlight Tools 베타 2를 설치해야 합니다. 이 도구에는 C#과 Visual Basic용 Silverlight 프로젝트 템플릿을 포함하고 있습니다. Visual Studio 프로젝트 템플릿을 사용하여 Silverlight 응용 프로그램 솔루션을 만드는 방법과 솔루션 생성시 기본 설정과 기본적으로 생성되는 파일에 대해서 함께 알아보도록 하겠습니다.
다음은 개발 전 설치해야하는 도구들입니다. 각각 링크된 페이지로 가셔서 다운로드 후 설치하시기 바랍니다.
- Silverlight 2 베타 2
- Visual Studio 2008 (90일 평가판)
- Visual Studio 2008용 Silverlight Tools 베타 2
Visual Studio를 사용한 Silverlight 기반 응용 프로그램 솔루션 만들기
아래 제시한 단계를 따라 Silverlight 응용 프로그램 프로젝트 템플릿을 사용하여 Silverlight 기반 응용 프로그램 솔루션을 만들어 보겠습니다.
1. 아래의 그림처럼 매뉴에서 Visual Studio 2008을 시작합니다.
2. 파일 – 새 프로젝트를 차례로 클릭합니다. .
그러면 아래 그림과 같이 새 프로젝트 대화 상자가 열립니다
3. 새 프로젝트 대화 상자에서 Visual C#이나 Visual Basic을 확장하고 Silverlight 프로젝트를 선택합니다.
4. 템플릿 목록에서 Silverlight 응용 프로그램을 선택합니다.
5. 이름 텍스트 박스에 응용 프로그램 이름을 입력합니다. 저는 EloiSilverlightApp로 입력하였습니다. 여러분들이 원하시는 것으로 입력하시기 바랍니다. ^.^
6. 확인을 클릭하면 Silverlight 응용 프로그램 추가 대화 상자가 열립니다.
7. Silverlight 응용 프로그램 호스팅 방법을 선택합니다.
- 솔루션에 Silverlight 응용 프로그램과 ASP.NET 웹 사이트를 구분해서 구성하고자 한다면 솔루션에 컨트롤을 호스팅할 새 웹 추가를 선택하고 프로젝트 형식과 이름을 추가로 입력합니다.
- 프로젝트에 Silverlight 기반 응용 프로그램을 호스팅할 단일 HTML 페이지를 구성하고자 한다면 이 프로젝트 안에 Silverlight를 호스팅할 HTML 테스트 페이지를 동적으로 생성을 선택합니다.
8. 확인을 클릭하고 솔루션을 생성합니다.
Visual Studio 프로젝트 템플릿의 Silverlight 응용 프로그램으로 만들어진 솔루션에는 다음 사항들이 포함됩니다.
- 하나의 Silverlight 기반 응용 프로그램 프로젝트
- 하나의 웹 사이트 (Silverlight 응용 프로그램 추가 대화 상자에서 솔루션에 컨트롤을 호스팅할 새 웹 추가를 선택했을 시)
Silverlight 기반 응용 프로그램 프로젝트 항목
Silverlight 기반 응용 프로그램 프로젝트는 설정 (configuration)과 어셈블리 참조 (assembly references), 그리고 응용 프로그램을 빌드하고 실행할 수 있는 최소한의 코드 파일들이 포함되어 있습니다.
설정 (Configuration)
다음은 Silverlight 기반 응용 프로그램 프로젝트 생성시 설정되는 중요한 항목들입니다.
- 이 내용은 솔루션 탐색기에서 Silverlight 응용 프로그램 (프로젝트 이름)의 속성을 클릭하면 확인할 수 있습니다. 아래 그림을 참고하시기 바랍니다.
- 프로젝트 이름
- 프로젝트가 빌드될 때 생성되는 어셈블리 이름
- 생성된 어셈블리의 기본 네임 스페이스
- 프로젝트가 빌드될 때 생성되는 Silverlight 기반 응용 프로그램 패키지 (.xap)의 이름
- 어셈블리에 포함된 이름과 버전 메타데이터
- 이름과 버전 메타데이터는 AssemblyInfo.cs 또는 AssemblyInfo.vb에 저장됩니다.
- 응용 프로그램 패키지를 생성하는데 필요한 응용 프로그램 메니페스트 (수정 불가)
Silverlight 기반 응용 프로그램 프로젝트는 Silverlight 2와 관련된 필수적인 다음 어셈블리를 포함합니다.
- mscorlib.dll
- System.dll
- System.Windows.dll
또한 다음은 일반적 응용 프로그램 기능을 위해 포함된 어셈블리입니다.
- System.Core.dll
- System.Net.dll
- System.Windows.Browser.dll
- System.Xml.dll
참조하는 어셈블리는 솔루션 탐색기에서 프로젝트 – 참조에서 확인하실 수 있습니다.
코드 파일
Silverlight 응용 프로그램 프로젝트에는 아래 클래스들을 빌드하는 코드 파일들이 있습니다.
- Page: Page 클래스는 User Interface (UI)를 만들기 위해 생성됩니다. Page 클래스는 UserControl로부터 파생되고 XAML 마크업 파일 (Page.xml)과 코드 비하인드 파일 (C# 사용할 경우 Page.xaml.cs 또는 Visual Basic 사용할 경우 Page.xaml.vb)로 구성되어집니다.
마크업 파일과 코드 비하인드 파일을 사용한 클래스 구현에 관해 좀 더 많은 정보는 아래링크를 참고 하시기 바랍니다.
코드 비하인드와 부분 클래스 (Silverlight 2)
- APP: 응용 프로그램 클래스로 생성된 App 클래스는 모든 Silverlight 기반 응용 프로그램에 메인 응용 프로그램 UI를 보여주기 위해 또한 응용 프로그램을 구동하기 위해 필요합니다. 다음으로 이 클래스는 응용 프로그램 패키지 (.xap)가 다운로드된 후에 즉시 Silverlight 플러그인에 의해 관리됩니다. App 클래스는 시작 개체에서 응용 프로그램 구동을 핸들링합니다. 아래 프로젝트 - 속성 화면을 참고하시기 바랍니다.
App 클래스도 Page 클래스와 마찬가지로 XAML 마크업 파일 (App.xaml) 과 코드 비하인드 파일 (C# 사용할 경우 App.xaml.cs 또는 Visual Basic 사용할 경우 App.xaml.vb)로 구성됩니다.
응용 프로그램 클래스에 대해서 좀 더 자세한 정보는 Silverlight 응용 프로그램 어셈블리 개발을 참고하시기 바랍니다..
테스트 페이지
여러분이 Silverlight 응용 프로그램 추가 대화 상자에서 이 프로젝트 안에 Silverlight를 호스팅할 HTML 테스트 페이지를 동적으로 생성을 선택하셨다면 프로젝트에 HTML page (TestPage.html) 하나가 생성됩니다. 이 파일은 여러분의 Silverlight 기반 응용 프로그램에서 호스팅되고 <object> 태그를 사용하여 Silverlight 기반 응용 프로그램을 다운로드하고 실행하는 Silverlight 플러그인을 관리합니다. Visual Studio에서 여러분의 응용 프로그램을 실행할 때 웹 브라우저에서 실행됩니다.
Silverlight 기반 응용 프로그램 웹 사이트 항목
Silverlight 응용 프로그램 추가 대화 상자에서 솔루션에 컨트롤을 호스팅할 새 웹 추가를 선택하셨다면 Silverlight 응용 프로그램 프로젝트 템플릿은 ASP.NET 기반 웹 사이트를 만들고 생성된 솔루션에 웹 사이트를 추가합니다. 웹 사이트에는 일반적 기본 ASP.NET 웹 응용 프로그램 프로젝트 파일들이 포함됩니다.
- 기본 웹 페이지인 마크업 페이지 (Default.aspx)와 코드 비하인드 (C#을 사용한다면 Default.aspx.cs 또는 Visual Basic을 사용한다면 Default.aspx.vb) 파일로 구성됩니다.
- 웹 사이트 설정 파일 (web.config)
ASP.NET 웹 응용 프로그램에 대해서 좀 더 자세한 정보는 ASP.NET 웹 응용 프로그램을 참고하시기 바랍니다.
또한 Silverlight 기반 응용 프로그램 호스팅을 위해 특히 웹 사이트는 .aspx 파일과 .html 파일을 포함합니다. 두 파일의 이름은 Silverlight 기반 응용 프로그램 프로젝트의 이름과 "TestPage" 텍스트로 연결되어 만들어집니다. 예를 들어, Silverlight 기반 응용 프로그램의 이름이 "EloiSilverlightApp" 라면 다음과 같은 이름을 가진 파일들이 생성됩니다.
- EloiSilverlightAppTestPage.aspx
- EloiSilverlightAppTestPage.html
.html 파일은 <object> 태그를 사용하여 Silverlight 플러그인을 설정하고 여러분의 Silverlight 기반 응용 프로그램을 실행하고 다운로드하게 합니다. .aspx 파일은 Silverlight ASP.NET 서버 컨트롤을 사용하여 .html 파일과 유사한 HTML을 생성합니다. Silverlight ASP.NET 서버 컨트롤에 대해서 좀 더 자세한 정보는 ASP.NET 웹 페이지와 Silverlight 통합을 참고하세요.
기본적으로 .aspx 파일은 시작 페이지로 설정되어 있으며 Silverlight 기반 응용 프로그램 프로젝트가 빌드될 때 응용 프로그램 패키지 파일 (.xap)은 웹 사이트로 복사되고 .aspx 페이지를 통해 실행하고 다운로드할 수 있습니다.
상단 메뉴를 이용한 화면이고 솔루션 탐색기에서도 솔루션 이름에 마우스 우측 버튼 메뉴를 이용하여 빌드할 수 있습니다.
사용자 컨트롤과 클래스 추가하기
사용자 컨트롤은 용어 그래도 사용자가 만드는 컨트롤입니다. 사용자 컨트롤을 만들면 .xaml 파일과 그 하위에 .cs 파일이 만들어지는데 .xaml 파일은 컨트롤 그 자체를 생성하는데 사용되고 .cs 파일은 .xaml 파일로 만들어진 컨트롤의 동적 액션을 주는데 사용됩니다.
또한 사용자 컨트롤은 하나의 dll로 만들어질 수도 있고, 독립 실행 컨트롤의 형태를 띄어야 하므로 .xaml 파일과 .cs 파일로 만들어집니다. .xaml 파일만으로는 컨트롤에 액션을 줄 수 없기 때문입니다.
기존 Silverlight 프로젝트에 사용자 컨트롤을 추가하기 위해 솔루션 탐색기의 프로젝트에서 마우스 우측 버튼 클릭하여 차례로 추가, 새 항목을 클릭하고 Silverlight 사용자 컨트롤을 선택합니다.
사용자 컨트롤 .xaml 파일과 .cs 파일을 사용하여 클래스를 구현하는 방법의 좀 더 자세한 정보는 코드 비하인드와 부분 클래스 (Silverlight 2)를 참고하시기 바랍니다. 일반적으로 메인 응용 프로그램 UI 구현을 위해 응용 프로그램에서는 메인 사용자 컨트롤인 Page를 사용합니다. Page 사용자 컨트롤은 추가적으로 사용자 컨트롤을 포함하여 여러 요소들로 구성되어집니다. 그리고 응용 프로그램 네비게이션 모델이 Page 사용자 컨트롤을 사용할 경우 자식 사용자 컨트롤의 메인 UI를 변경하여 페이지 이동을 할 수 있습니다.
기존의 Silverlight 프로젝트에 클래스를 추가하기 위해서는 솔루션 탐색기에서 차례로 추가, 새 항목, 클래스를 클릭합니다. 그러면 여러분의 프로젝트에 새로운 빈 클래스가 추가될 것입니다.
지금까지 Visual Studio를 사용하여 Silverlight 응용 프로그램 만들기에 대해서 알아보았습니다. 내용 중에 해당 사항의 좀 더 자세한 정보를 위한 링크는 필요하시다면 이 링크가 아니더라도 다른 책이나 인터넷 자료를 이용하셔서 공부하시기 바랍니다. 이는 여러분께 Silverlight 내용에 좀 더 많은, 확실한 지식을 주게 될 것입니다. ^^
다음 시간에는 Silverlight 클래스 라이브러리 만들기에 대해서 알아보겠습니다.
더운 여름 짜증내지 마시고 오히려 주위 분들께 활기찬 모습과 웃음을 먼저 표현해보세요. 그러면 여러분은 더욱 즐거운 하루를 보내시게 될 것입니다. 받는 기쁨보다 주는 기쁨이 더 크다는거 알고 계시죠? ^_______^*
참고 사이트
1. Silverlight 클래스 라이브러리 만들기
2. 응용 프로그램 개발 개요
'Silverlight' 카테고리의 다른 글
| [엘리의 실버라이트 2.0] Silverlight 클래스 라이브러리 만들기 (0) | 2008/07/23 |
|---|---|
| [세티의 실버라이트] 13. 애니메이션 (2) | 2008/07/21 |
| [엘리의 실버라이트 2.0] Silverlight 응용 프로그램 만들기 (0) | 2008/07/18 |
| [세티의 실버라이트] 12. 마우스 이벤트와 프로시저 코드 (4) | 2008/07/16 |
| [엘리의 실버라이트 2.0] 첫 인사 (0) | 2008/07/11 |
| [세티의 실버라이트] 11. Expression Blend 2.5를 이용한 그리기(2) (0) | 2008/07/11 |
