Monster's storage

사용자가 웹브라우저를 통해 Silverlight로 제작된 사이트에 접속했을때, 처음 만나는
화면이 무엇일까요? 몇몇 눈치가 빠른분들은 제목을 통해 감 잡으셨겠지요.

맞습니다. 바로 Silverlight Plug-in을 설치(정확하게는 설치파일 링크) 페이지입니다.

Silverlight를 접해보지 못한 사용자라면 굉장히 난감한 상황이 아닐 수 없습니다.
웹사이트에 접속했는데 전후 설명도 없이 'Microsoft Silverlight 설치'라니 말입니다.

심지어 설치 버튼을 누르면 아래와 같이 무시무시한 경고창이 뜹니다.
('이 형식의 파일은 사용자의 컴퓨터에 피해를 줄 수 있습니다..' 무시무시하지 않습니까?)


그래서 이번 포스트에서는 사용자에게 불안감을 심어주는(?) 불친절한 이미지 대신,
아래와 같이 사용자가 안심하고 Silverlight Plug-in을 설치할 수 있도록 도와주는 친절한 이미지(?)로
변경하는 방법에 대해 알아보도록 하겠습니다.


우선 Silverlight 컨트롤이 포함된 Html파일 혹은 ASP 파일을 오픈하면, 아래와 같이 Silverlight가
설치되지 않았을 경우 볼 수 있는 불친절한 이미지의 URL이 보입니다 (노란색)

<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">   <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Microsoft Silverlight 가져오기"      style="border-style: none"/> </a>

바로 이부분은 원하는 이미지의 URL로 수정을 해주시면 됩니다. (참 쉽죠잉~)
친절한 이미지(?)의 URL로 변경해 보도록 하겠습니다.

<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">   <img src="https://t1.daumcdn.net/cfile/tistory/1874771049E2C9C3AB" alt="Microsoft Silverlight     가져오기" style="border-style: none"/> </a>

이제 사이트에 접속을 하면, 불친절한 이미지 대신 친절한 이미지를 볼 수 있습니다.

아주 간단한 내용이지만 전체 시스템의 완성도를 좌우하는 매우 중요한 부분이기도 합니다.
개발자의 이런 작은 배려가 사용자와 Silverlight의 활성화에 큰 보탬이 되리라 생각합니다.

몇 일전 Silverlight Tip of the Day에 Silverlight Tutorial Blogs 란 제목으로 글이 올라왔습니다.
제목 그대로 Silverlight 에 대한 글이 많은 블로그들 리스트인데요. Jesse Liberty, Joe Stegman,
Tim Heuer와 같은 익숙한 블로거들도 눈에 띄는군요.

Silverlight tutorial sites in alphabetical order:

Author/Site	Link
Andy Beauliue	http://www.andybeaulieu.com/Home/tabid/67/Default.aspx
Brad Adams	http://blogs.msdn.com/brada/default.aspx
Chris Hay	http://www.screencast.com/users/chrishayuk
DotNet Curry	http://www.dotnetcurry.com/
Jesse Liberty	http://silverlight.net/blogs/jesseliberty/
Joe Stegman	http://blogs.msdn.com/jstegman/default.aspx
Nikola Mihaylov	http://blogs.msdn.com/nikola/default.aspx
Page Brooks	http://pagebrooks.com/
Pete Brown	http://community.irritatedvowel.com/blogs/pete_browns_blog/default.aspx
Silverlight Learning Resources	http://silverlight.net/learn/
SilverlightShow	http://www.silverlightshow.net/
Terence Tsang	http://www.shinedraw.com/
Tim Heuer	http://timheuer.com/blog/
Timmy Kokke	http://geekswithblogs.net/tkokke/Default.aspx

Also, here is a great Silverlight Blog summary page: http://www.netvibes.com/rboarman#Silverlight

원문 : http://silverlight.net/blogs/msnow/archive/2009/04/01/silverlight-tip-of-the-day-103-cool-silverlight-tutorial-blogs.aspx

앞으로 몇일동안(몇달이 될수도..) Microsoft Silverlight 3에 대한 튜토리얼을 작성하고자 합니다.
대상은 Silverlight 입문자로, Silverlight 컨텐츠 제작에 필요한 환경구성부터 주요 기능, 그리고 Silverlight 3에 추가된 기능들에 대해 다룰 예정입니다.

오늘은 그 첫번째로 환경 구성에 대해 살펴 보도록 하겠습니다.

□ Microsoft Silverlight 3 개발 환경 구성

Microsoft Silverlight 3 개발 환경을 구성하기 위해서는 다음 내용들에 대한 준비가 필요합니다.

- Microsoft® Visual Studio .Net 2008 (English Version)                                            [ 다운로드 ]   - Microsoft® Visual Studio .Net 2008 Service Pack 1 (English Version)                      [ 다운로드 ]   - Microsoft® Silverlight™ 3 Tools Beta 1 for Visual Studio 2008 SP1                           [ 다운로드 ]

Visual Studio .Net 2008 ServicePack 1과 Silverlight 3 Tools Beta 1 for Visual Studio 2008 SP1은
Microsoft 다운로드 센터를 통해 구할 수 있습니다.

※ 현재(09.04.02) Microsoft 다운로드 센터에 등록된 Visual Studio .NET Silverlight 3 Tools 는 
    영문 버전으로 한글버전 Visual Studio 2008 에서는 사용할 수 없습니다.

□ Microsoft Visual Studio .NET 2008 다운로드 및 설치
Microsoft에서는 작년부터 DreamSpark 프로그램의 일환으로 자사의 다양한 개발프로그램들을 공짜로 사용할 수 있도록 하고 있으니, 더 이상 Visual Studio를 구하기 위해 어둠의 루트를 방황하지 않으셔도 됩니다.

※ 다운로드 사이트 : https://www.dreamspark.com/Products/Product.aspx?ProductId=1

Microsoft Visual Studio .NET 2008 준비가 되셨다면, 이제 설치를 시작합니다.
설치 방법은 여타 프로그램과 다르지 않으므로 따로 설명드리지는 않겠습니다.

□ Microsoft® Visual Studio .Net 2008 Service Pack 1 다운로드 및 설치
Silverlight 3 개발환경을 구성하기 위해서는 Visual Studio외에 Service Pack 1에 대한 설치가
필요합니다. Visual Studio .NET 2008 SP1 역시 Microsoft 의 사이트에서 다운받을 수 있으며,
설치 방법 역시 여타 프로그램과 크게 다르지 않습니다.

※ 다운로드 사이트 : http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=27673c47-b3b5-4c67-bd99-84e525b5ce61

하지만, 살인적인 설치시간을 요함으로 장시간 자리를 비우거나 퇴근 전 설치를 추천합니다.
(Visual Studio 설치시간의 2-3배쯤 소요되며, 제 경우 4시간쯤 걸렸습니다.)

□ Microsoft® Silverlight™ 3 Tools Beta 1 for Visual Studio 2008 SP1 다운로드 및 설치
Visual Studio .NET 2008 Service Pack 1까지 설치를 마치셨다면, 이제 Silverlight 3 Tools 를 설치하실
차례입니다. Silverlight 3 Tools는 Visual Studio .NET 2008 에서 Silverlight 3를 개발 할 수 있도록
도와주는 Add-on 뿐만 아니라 Silverlight 3 의 SDK 까지 포함하고 있습니다.

※ 다운로드 사이트 : http://www.microsoft.com/downloads/details.aspx?familyid=11DC7151-DBD6-4E39-878F-5081863CBB5D&displaylang=en


※ Silverlight 3 Tools Beta 1 설치 전 모든 Internet Explorer 가 종료되어 있어야 합니다. (COM 포함)
    아래와 같은 메시지를 보거든 종료되지 않는 Internet Explorer이 있는지 확인하시고,
    모두 종료 했음에도 계속 메시지가 발생한다면 재부팅 후 다시 시도하시기 바랍니다.


자. 여기까지하셨다면, Silverlight 3 개발을 위한 모든 준비는 끝났습니다.

다음 포스팅에서는 Silverlight 3 개발환경이 제대로 구성되었는지 확인과 
세상에서 가장 많이 개발된 프로그램 "Hello World" 제작에 대해 살펴 보도록 하겠습니다.

ps. 휴.. 환경 구성에 대한 튜토리얼 작성에도 상당한 시간이 소요되는군요.
      빠른 포스팅을 위해 좀 더 노력해야겠습니다.

Silverlight 3가 발표된지 몇 일 지나지 않았지만, 벌써 Silverlight 3에 대한 많은 글이 올라오고 있군요.
그 중 괜찮은 내용, 몇가지 정리하여 올립니다.

A quick look at Silverlight 3 - Mike Taulty's Blog

• A quick look at Silverlight 3- MIX 08 WPF Demo Copy in Silverlight 3    • A quick look at Silverlight 3- Projections    • A quick look at Silverlight 3- Running Outside the Browser    • A quick look at Silverlight 3- Detecting network status    • A quick look at Silverlight 3- Effects    • A quick look at Silverlight 3- Easing Animations    • A quick look at Silverlight 3- Data Validation    • A quick look at Silverlight 3- Packaging Assemblies for Download    • A quick look at Silverlight 3- Local Connection    • A quick look at Silverlight 3- Element to Element Data Binding    • A quick look at Silverlight 3- Derived Styles    • A quick look at Silverlight 3- Save File Dialog    • A quick look at Silverlight 3- DataForm Control

A guide to Silverlight 3 new features - Tim Heuer's Blog

이 외에도 Microsoft Silverlight 3 Forum을 통해 많은 글들이 올라오고 있으니,
참고하시기 바랍니다. (세상에는 부지런한 사람이 참 많군요. :D)

라스베가스에서 열린 MIX09 (2009.03.18~20)에서 Microsoft Silverlight 3 에 대한 발표가 있었습니다.
공식홈페이지에는 Silverlight 3 SDK는 물론 새로운 기능에 대한 튜토리얼 동영상까지 업데이트 되었군요.
과연 Silverlight 3에는 어떤 기능들이 추가되었는지 살펴 보도록 하겠습니다.

What's New in Microsoft Silverlight 3 : MIX09 (Thursday, March 19, 2009), Joe Stegman

 Downlaods : MP4Video, PPT, Windows Media Video, Windows Media Video(High), Zune Video

Get started with Silverlight 3 Beta (출처 :Silverlight 공식홈페이지)

Silverlight 3 SDK 및 Sample Code

- Microsoft® Silverlight™ 3 SDK Beta 다운로드   - Microsoft® Silverlight™ 3 Tools Beta 1 for Visual Studio 2008 SP1 다운로드   - Videos and Sample Code

Microsoft Silverlight가 RIA의 1인자가 될 날이 머지 않은 것 같습니다.
금번 업데이트 덕분에 포스팅 할 꺼리가 많아지네요. ㅎㅎ

□ Silverlight 공식 사이트
    - Microsoft Silverlight 공식 페이지 (http://silverlight.net/)
    - Microsoft Silverlight Community Blogs (http://silverlight.net/blogs/microsoft/default.aspx)

□ Silverlight 관련 커뮤니티
    - HOONS 닷넷 (http://www.hoons.kr/)
    - 실버라이트 정보공유카페 (http://cafe.naver.com/mssilverlight.cafe)
    - Microsoft Silverlight 3 Beta Forum (http://silverlight.net/forums/51.aspx)

□ Silverlight 개발자 블로그 (국내)
    - Megazone UX Center (http://uxcenter.tistory.com/)
    - ONESTONE (http://onestone.tistory.com/)
    - UxCommando! (http://joongs.net/)
    - Error1001 (http://error1001.com/)
    - ZZANGMYON BLOG (http://zzangmyon.tistory.com/)
    - UMC BLOG (http://blog.powerumc.kr/)
    - 유령회사 공도소프트 (http://gongdosoft.com/)
    - 이과장의 프로그래밍이야기 (http://www.feelmind.com/)
    - 길버라이트 (http://gilverlight.net/)
    - Adobe AIR Devpia (http://airdev.tistory.com/)
    - 준서아빠가 생각하는 행복한 UX이야기 (http://uxkorea.net/)
    - UX엔지니어 (http://winkey.tistory.com/)

□ Silverlight 개발자 블로그 (해외)
    - Silverlight Tip of the Day (http://silverlight.net/blogs/msnow/default.aspx)
    - ScottCu's Blog (http://weblogs.asp.net/scottgu/default.aspx)
    - MIKE TAULTY'S BLOG (http://mtaulty.com/)
    - Jesse Liberty - Silverlight Geek (http://silverlight.net/blogs/jesseliberty/)
    - Silverlight: Laurence Moroney's Blog (http://blogs.msdn.com/webnext/)

* 최종수정일 : 2009.04.01