2010. 4. 12. 09:06

Silverlight 4를 사용해서 PC버전의 Twitter 프로그램과 Windows Phone 7의 앱을 간단하게 복사, 붙여넣기 만으로 만드는 과정을 보여 드립니다.


개발자를 위한 IT블로그 영욱닷컴(http://www.YoungWook.com)
2010. 4. 11. 23:39
http://rubrik.ch.msn.com/reportagen/kunsthaus_en.aspx 

고흐의 작품들을 볼 수 있게 만든 겔러리 입니다.
Web상에서 Windows Phone과 같은 효과를 Silverlight를 사용해서 내고 있습니다. 또 DeepZoom을 사용해서 유화의 붓 터치까지 볼 수 있게 되어 있습니다. 좋은 아이디어네요 ^^

개발자를 위한 IT블로그 영욱닷컴(http://www.YoungWook.com)
2010. 4. 7. 07:31


Visual Studio 2010 Training Kit을 아세요
Visual Studio 2010과 관련된 Presentation, Hands on Lab과 각종 Demo 그리고 Source등이 함께 있습니다. 그리고 .NET 4.0과 새버전의 MFC에 대한 정보도 함께 있어서 개발자들이라면 꼭 한번씩은 열어보셔야 할 내용들로 가득차 있습니다.

개발자를 위한 IT블로그 영욱닷컴(http://www.YoungWook.com)
2010. 4. 3. 08:43


작년 11월 PDC09 행사에 이어서 올해 MIX10 행사에서도 다시 소개된 IE9은 HTML5, CSS3, SVG1.1등 다양한 표준적인 요소들을 지원하고 있으며 GPU와 Multi Core등을 사용한 효율적인 방식으로 HTML5, HTML5 Video, SVG등의 화면 랜더링 속도를 비약적으로 향상 시켰고 Java Script의 실행속도도 눈에 띄게 개선한 모습을 보여 주었습니다.

위의 동영상은 IE9을 미리 볼 수 있는 Internet Explorer 9 platform preview 버전을 가지고 테스트하는 영상입니다.

UX엔지니어 http://www.YoungWook.com

동영상 엔코딩이 잘 못 되어서 다시 올렸습니다.
  • 아크몬드 2010.04.04 02:44

    재밌게 보고 갑니다 ;)

  • 하늘높이 2010.04.05 23:52

    좋은 동영상 잘 보았습니다. GPU로 인한 브라우저 성능향상!!
    기대가 큽니다.!!

  • 미노 2010.04.10 07:24

    결국 GPU도 혹사시키는건가 (...)

    • winkey 2010.04.10 14:28 신고

      헐~ GPU를 그럼 고이 고이 모셔둘 참이었습니까? ^^
      요즘 트랜드는 그래픽 뿐만 아니라 소수점 연산까지 최대한 GPU를 활용하는 방향으로 가고 있습니다.

      있는 거 최대한 잘 활용하는게 좋은 소프트웨어 입니다.

    • Minoost 2010.04.11 20:37 신고

      그건 맞습니다.
      포토샵 CS4도 GPU가속을 쓰는정도니까요 -ㅅ-

      그런데 혹시 게임이나 이런저런것으로
      GPU가 이미 혹사되고있을때, IE까지 갈구면....

      조금 걱정되는 부분이랄까요.

    • winkey 2010.04.11 23:44 신고

      GPU가속을 중복으로 이용할 확률은 거의 없을 것 같습니다. 게임과 같이 GPU를 주로 사용하는 프로그램의 경우 대부분 단독으로 실행하는 경우라고 보입니다.
      큰 무리는 없는 듯 합니다.^^

  • ㅠㅠ 2010.05.05 10:17

    ㅠㅠ 뭐 새로운게 좋은건데 ... 젭라 호환성좀

2010. 3. 31. 08:43
3월 24일과 30일 양일에 걸쳐서 진행되었던 'MIX10 다시보기' 세미나가 잘 끝났습니다.
발표로 참석해 주신 모든 강사님들게 우선 감사의 말씀을 드립니다.

Microsoft 서진호 차장
월간마이크로소프트 정희용 대표
RIA Soft 이준하 차장
Devpia XNA Sysop 김유나
네오위즈 김문용
UX Bakery 총무 서경석
실타래 CTO 김현중
유브릿지 디자이너 김희정
이노티브 디자이너 김이슬

저까지 총 10명의 발표자가 이틀에 걸쳐서 MIX10의 중요한 이슈인 Windows Phone 7 Series, Silverlight4, ASP.NET, ASP.NET MVC, Visual Studio 2010, IE9, Expression Blend4 등 다양한 주제들을 소화 했습니다.

그리고 과월호를 엄청나게 제공해주신 월간웹과 월간마이크로소트의 지원에도 감사드립니다.

끝으로 저녁시간에 저녁도 하지 못하고 늦은 시간까지 부족한 이야기를 들어주신 모든 분들께 감사드립니다.  앞으로도 이슈가 있을 때 마다 좋은 분들을 모시고 또 다시 '다시보기'를 준비해 보겠습니다.

감사합니다.

2010. 3. 22. 16:05

바로가기: http://www.amazon.com/Foundation-Expression-Blend-Silverlight-Foundations/dp/1430219505/

Editorial Reviews

Product Description

The only real tool for developing cross-platform Rich Internet Applications (RIAs) for that last 11 years has been Flash; until now! Silverlight 3 allows you to develop cross-platform Rich Internet Applications in a fraction of the time because of the extensive and very powerful .NET 3.5 libraries, the powerful, design friendly Blend 3 Integrated Development Environment, and an enhanced workflow that allows designers and developers to work on the same set of files at the same time.
  • Develop stunning RIAs in a short time.
  • Learn some basic Object Oriented Programming Principles.
  • Get familiar with the Blend 3 development environment.

What you'll learn

  • Learn the Blend 3 and Visual Studio 2008 Integrated Development Environments (IDE).
  • Learn how to create stunning animations using Silverlight 3 Storyboards.
  • Learn how to incorporate video and sound into your RIAs with the Silverlight MediaElement.
  • Learn about and how to develop quickly using Silverlight 3's reusable resources such as UserControls, ControlTemplates and DataTemplates.
  • Learn about the new Visual State Manager and the State panel in Blend 3 to quickly and easily add MouseEnter and MouseLeave states to your UserControls.
  • Put everything you have learned together to create a sample Silverlight 3 website.

Who is this book for?

Web designers and developers wanting to learn Expression Blend 3 from the ground up. Those who have a background in the development of RIAs and want to learn this new technology.

About the Author

Victor is a senior application engineer at IdentityMine, a top-tier software company specializing in designing and developing cutting edge software applications, creating customized WPF/Blend and Silverlight training programs and creating tools for designers and developers. Victor has worked with Fortune 500 companies such as Microsoft, Harrah\'s, Mattel, NBC/Universal, Disney, Best Buy, GameStop, Vivendi Universal Games, and New Line Cinema among others. Victor, a former Flash/ActionScript engineer still stays active in the Flash community by writing articles and tutorials on www.actionscript.org where he is also a moderator.

Product Details

  • Paperback: 368 pages
  • Publisher: friends of ED; 1 edition (June 23, 2009)
  • Language: English
  • ISBN-10: 1430219505
  • ISBN-13: 978-1430219507
  • Product Dimensions: 9 x 7.5 x 1 inches
  • Shipping Weight: 1.4 pounds (View shipping rates and policies)
  • Average Customer Review: 4.0 out of 5 stars  See all reviews (23 customer reviews)

    2010. 3. 22. 14:02

    관련링크: http://code.msdn.microsoft.com/TfsBuildSLUnitTests/Release/ProjectReleases.aspx?ReleaseId=4074

    Silverlight를 빌드 할 때 Unit Test를 쉽게 할 수 있게 해주는 프로젝트가 있어서 소개해 드립니다.
    Unit Test나 여튼 테스트 작업 자체가 귀찮긴 하지만 소프트웨어의 품질 향상을 위하는 필수적인 요소인 것은 틀림없는 사실입니다.

    Silverlight에서 Unit Test 시나리오가 소개 된지는 오래되었지만 Team Foundation Server 빌드와 테스팅을 함께 해주는 툴은 상당히 유용해 보입니다.
    • dotnetpower 2010.03.22 16:08

      와우~
      이렇게 되면 실버라이트 어플리케이션을 여러개의 서브 어플리케이션으로 나누어 여러사람이 공동 개발하기 용이 할듯 하네요 ^^

      • winkey 2010.03.22 16:10 신고

        네 사이즈가 크거나 난이도가 다소 있거나.. 다양한 케이스에 잘 맞을 것 같습니다. ^^

    2010. 3. 18. 16:57
    Windows Phone에 관한 포스팅과 내용을 알려드리고 있는데 제 용어가 적절하지 않았습니다.

    Windows Phone 7이라고 칭하는 것은 공식적인 가이드라인에 맞지 않다고 합니다.
    아래와 같이 두 가지 명칭중 하나를 선택해야 합니다.

    - Windows Phone
    - Windows Phone 7 Series

    즉 버전이 들어가면 반드시 뒤에 Series를 붙이는게 공식적인 가이드 입니다.

    Windows Phone 7 Series 많이 사랑해주세요 ^^
    • poken 2010.03.19 13:08

      아.. 그렇군요.. 한번 series가 뒤에 왜 있나... 했었는데..그냥 넘어갔었는데..
      그럼.. Series만 없어진 다른 버전이 나올 수 있다는 해석도 가능할까요?

      • winkey 2010.03.19 16:56 신고

        공식적인 내용은 아무것도 없습니다만 그냥 그럴 가능성도 없잖아 있는 거겠지요 ^^

    2010. 3. 18. 16:07
    UX Bakery(http://www.uxbakery.com)에서 MIX10 다시 보기 행사3월 24, 30일 양일에 걸처서 준비하고 있습니다. MIX10과 관련된 콘텐츠를 잘 정리해서 "출발 비디오 여행'과 같은 컨셉으로 하나 하나 하나 전달할 예정입니다.

    첫째 날에는 Windows Phone 7 Series
    두째 날에는 Social Web/UX 를 각각 메인 테마로 준비했습니다.

    참가 신청하시려면 UX Bakery(http://www.uxbakery.com)  에 접속해서 덧글을 남겨주시면 됩니다.

    • 2010.03.19 07:06

      비밀댓글입니다

      • winkey 2010.03.19 09:40 신고

        정말 다음에는 지방 순회를 하는 것도 괜찮을 것 같은 생각도 듭니다만..
        단독으로는 어렵고 커뮤니티들과 함께 한다면 가능성이 있겠는데요 ^^

    2010. 3. 15. 20:39

    1.RichTextArea Part 1
    2.RichTextArea Part 2
    3.Accessing Web Camera and Microphone
    4.Right Click Mouse Events
    5.MouseWheel API
    6.Using Silverlight Controls As Drip Targets
    7.DataGrid Enhancements
    8.Printing API Basics 
    9.Hosting HTML Content
    10.Accessing the Global Clipboard Programmatically
    11.Using the ViewBox Control
    12.Asynchronous Data Validation 
    13.BiDi and Right-to-Left Support 
    14.Notification API
    15.Local File Access
    16.RIA Services support in Visual Studio 2010  
     

    블로그 이미지 김영욱 차장 Microsoft Korea  .NET Evangelist
    Enterprise UX 를 위한  UI 기술과 SOA, Cloud Computing, NUI등 다양한 분야의 접목과 응용을 통해 최적의 IT 인프라 구축을 위해서 노력하고 있다.
    Email: iwinkey@hotmail.com
    Blog: http://winkey.tistory.com

    오늘 살펴 볼 내용은 .NET RIA Service 입니다.
    최근 국내에 있는 모 업체와 접촉 할 일이 있었는데 단순 반복적인 개발이 많은 업무인지라 이를 어떻게 하면 좀 쉽고 간단하게 관리 할 수 있을까 하는 고민이 있었습니다. 또 다른 하나의 고민은 다른 건 다 바꾸어도 Database만큼은 기존에 사용하던 Oracle을 바꾸기가 쉽지 않다는 고민도 있었습니다.

    이런 고민들에 딱 들어 맞는 프레임웍이 바로 RIA Service가 아닌가 합니다. (정식 명칭은 .NET RIA Service입니다. )
    RIA Service는 원래 코드명은 알렉산드리아(Alexandria)로 추진되어 온 프로젝트 입니다.

    대부분의 RIA 기반의 프로젝트는 그렇게 복잡하지 않고 트랜젝션이 중요하지 않은 경우가 많고 그리고 라이프 사이클이 짧은 특징을 대부분 가지고 있습니다. 이러한 특성들을 고려해서 MVVM(Model - View - View Model) 형태의 프레임웍으로 기획 된 것이 바로 오늘 날 이야기 하고 있는 RIA Service가 되었습니다.

    RIA Service는 기본적으로 WCF를 통신 기반으로 하고 있으며 LINQ 혹은 Entity Framework을 함께 사용할 수 있게 되어 있습니다. UI에서는 Silverlight를 기반으로 한 몇 가지 기능들이 함께 포함되어 있습니다. 
     Visual Studio 2010 Beta를 설치해 보면 <그림1>과 같이 Silverlight Business Application이라는 이름의 탬플릿이 추가로 설치되어 있는 것을 볼 수 있습니다. 이 탬플릿을 사용해서 RIA Service를 사용할 수 있습니다. 물론 다들 아시겠지만 이 탬플릿을 사용하지 않더라도 활용할 수 있지만 그건 생고생의 길을 자쳐하므로 제발 그런 무모한 시도는 하지 않기를 미리 부탁 드립니다.

    <그림1>Silverlight Business Application 탬플릿

    오늘 예제를 실행해 보기 위해서는 또 하나 준비해야 하는 것이 바로 Sample Database 입니다. SQL Server 2000 까지는 Pubs와 Northwind와 같은 샘플이 제공되어서 뭘 하든 간에 쉽게 적용할 수 있었는데 이제는 추가로 설치해 주어야 하는 일이 되었습니다. 오늘은 Pubs를 사용할 예정입니다.

    SQL Server에 아래 첨부된 쿼리를 실행 시키시면 샘플 데이터베이스와 테이블들이 자동으로 생성되게 됩니다.
    <파일1>Pubs 생성 Query 파일

    여기 까지 되었으면 이제 오늘의 요리를 위한 준비는 대충 끝났습니다. 참고로 글을 쓰고 있는 시점에서는 RIA Service는 Visual Studio 2010 RC를 사용할 수 있으며 닷넷 프레임웍의 타겟을 3.x로 놓게 되면 에러가 발생합니다. 4.0으로 놓고 프로젝트를 생성하시기 바랍니다.
    <그림2>생성된 프로젝트

    <그림2>에서 보면 생성된 프로젝트가 보이는데 Model 폴더와 Service 폴더를 눈여겨 보기 바랍니다. Model에는 데이터 모델을 생성하게 될 것이고 Service 폴더에는 Service와 관련된 코드를 작성할 예정입니다. (나중에 보면 전혀 작성하지 않고도 사용할 수도 있습니다. ^^)
     RIA Service를 사용하기 위해서는 Model --> Service --> UI 순으로 작업을 하시면 됩니다. 먼저 모델을 생성하기 위해서 Database를 연결해야 합니다.

    작업에 앞서서 사용하게 될 Database를 생성해야 합니다. Database는 함께 설치되는 SQL Server Express를 사용할 예정입니다. Visual Studio가 설치될 때 별다른 옵션을 선택하지 않아도 함께 설치되는 버전이 SQL Server 2008 Express 버전인데 Database 엔진만 설치되는 것이 때문에 관리를 위해서는 별도의 관리 도구를 추가로 설치해 주는 것이 좋습니다.
    아래 링크에서 SQL Server 2008 Management Studio Express 버전을 다운로드 받을 수 있습니다. 32/64bit가 별도로 제공되기 때문에 해당되는 버전을 다운로드 받아서 설치해 주시기 바랍니다.

    http://www.microsoft.com/downloads/details.aspx?familyid=08e52ac2-1d62-45f6-9a4a-4b76a8564a2b&displaylang=en

    SQL Server 2008 Management Studio Express를 통해서 앞에서 파일로 제공해 드린 파일을 실행 시키면 샘플 데이터 베이스인 pubs가 생성됩니다.

    <그림3>데이터 베이스의 생성
    데이터 베이스까지 생성되었으면 작업은 많이 진행되었습니다. 나머지는 이제 간단한 작업만으로 연결이 가능하기 때문입니다.

    .NET RIA Service를 사용하기 위해서 LINQ를 사용할 수도 있고 Entity Framework을 사용하는 방법도 있지만 여기서는 Entity Framework을 사용하는 방법을 사용해 볼 생각입니다. Entity Framework을 사용하기 위해서 Connection을 연결해 두는 편이 편리하다.
     View 메뉴에서 Server Explorer를 불러낸다.

    <그림4>Server Explorer
    Server Explorer에서 Data Connections를 오른쪽 마우스로 선택해 보면 Add Connection을 선택할 수 있게 되는데 여기서 많이 해왔던 방식으로 Database를 연결할 수 있다. 여기서 SQL Server 를 예제로 쓰고 있다고 Entity Framework는 SQL Server만 지원한다고 오해하지 않기를 부탁드립니다. SQL Server는 OR Mapping 기술의 또 다른 형태로 Oracle과 같은 다른 Database도 다 충분히 사용할 수 있도록 설계되어 있는 기술입니다.

    <그림5>Data Connection 설정

    <그림5>까지 수행 했으면 <그림6>과 같이 연결되어 있는 것을 볼 수 있다.
    <그림6>연결된 Pubs 데이터베이스
    <그림5> Add Connection...

    이제 데이터베이스와 연결이 되었으면 ADO.NET Entity Data Model을 추가해 볼 차례 입니다. 아까 생성된 Web 프로젝트에 보면 Model이라는 폴더가 보일 것 입니다. Model 폴더에서 새로운 아이템 추가를 선택해서 Data 행목에 있는 ADO.NET Entity Data Model을 Pubs.edmx로 추가해 봅니다.
    <그림6>ADO.NET Entity Data Model

    추가하고 나면 직접 Entity를 설계할 것인지 혹은 데이터베이스의 테이블로 부터 자동으로 생성할 것인지를 물어 봅니다. 여기서는 자동 생성을 선택합니다.
    <그림7>Choose Model Contents

    <그림8>데이터 연결 선택
    <그림8>과 같이 미리 연결해 둔 데이터베이스를 선택합니다.  연결하면 이제는 기준이 될 데이터베이스 오브젝트를 선택하라고 나옵니다. 여기서는 Titles라는 테이블을 선택했습니다.

    <그림8>테이블 선택
    여기까지 하고 나면 확장자가edmx가 붙은 Entity 클래스가 자동으로 생성된 것을 볼 수 있습니다.

    <그림9>생성된 Entity 클래스

    <그림10>생성된 Entity 클래스는 Model Browser에서도 볼 수 있다.

    클릭 몇번과 이름을 붙여주는 것 만으로 이미 Entity를 생성했습니다. 이제 서비스를 만들 차례입니다. 흔히 소프트웨어를 개발하는 사람들은 추가, 조회, 수정, 삭제 기능을 한 본이라고 이야기하고 프로젝트에서 최소 단위로 흔히 이야기 합니다. .NET RIA Service의 경우 별다른 작업을 하지 않아도 쉽게 한 본을 생성할 수 있게 해 줍니다.
    <그림11>과 같이 Service 폴더에서 아이템 추가를 선택하고 Domain Service Class를 추가해 봅니다.
    <그림11>Domain Service Class의 추가
    Domain Service Class를 추가하고 나면 어떤 Entity를 사용할 것인 가를 선택할 수 있게 해 줍니다. 여기서는 이미 만들어 둔 pubsEntities를 선택합니다.

    <그림12>Entity Class의 선택

    신기한 것은 여기까지만 작업을 하고나면 자동으로 4가지 기능의 코딩이 끝나있다는 점입니다. 아래 소스를 보면 GetTitles(), InsertTitles(), UpdateTitles(), DeleteTitles()와 같이 네 가지 기능이 이미 생성되어 있는 것을 볼 수 있습니다.
    <소스1>생성된 4가지 기능
    벌써 서비스쪽 기능이 모두 완료 되었습니다. 이제 거의 막바지 작업을 할 시간입니다. 메뉴에서 Show Data Sources를 선택해 보면 Entity 목록을 볼 수 있습니다.

    디자인에서 DataGrid를 추가하고 나서 Data Source에서 Titles를 선택해서 DataGrid에 드래그 앤 드롭해 하면 DataGrid와 Ttitles이 연결됩니다.

    여기까지 하고 나면 Xaml 코드 상에 riaControls라는 객체가 추가 된 것을 볼 수 있습니다.

    이제 F5을 눌러서 실행해 보면 Title 테이블의 내용이 DataGrid에 연결되어 나타나는 것을 볼 수 있습니다.

     마우스로 몇 번이면 될 것을 말로 설명하다 보니 설명이 길어졌습니다.
    조만간 동영상으로 한번 찍어서 올려 볼까 합니다. ^^
    • 이승철 2010.05.12 12:33

      안녕하세요.

      위와 같이 작업을 할 때 choose your date connection 단계에서 오라클에 연결할 수
      있는 Provider 가 안나오는데 어떻게 오라클과 연동 해서 쓸 수 있나요?