Korea Evangelist

Developer & Platform Evangelism, Microsoft Korea

March, 2009

  • Korea Evangelist

    IE8♡Developer - 개발자가 주목할 Internet Explorer 8 세미나 자료

    • 0 Comments

    Photo_IE8 Seminar_04

    3월 11일 코엑스 컨퍼런스 센터에서 성황리에 열렸던 개발자가 주목할 Internet Explorer 8 세미나 자료 및 IE8 관련한 자료들을 공유합니다. 국내 사례, 사이트 호환성, 향상된 표준, AJAX 개발, ActiveX 호환성 등 웹 개발자 분들에게 필요한 알찬 내용이 많았습니다.(세션 발표 영상은 편집이 끝나는 대로 다시 공유하겠습니다.)

    발표 자료 다운로드 및 발표자 블로그 주소 보러가기 

    세션 중반에 상영된 Internet Explorer 8 의 성능 비교 테스트 영상을 보시려면 아래 링크를 클릭하시길 바랍니다.

    Internet Explorer 8 성능 테스트 영상 보러 가기

  • Korea Evangelist

    경제 후퇴, 그 속에 움튼 새로운 기회

    • 2 Comments

    Microsoft Business Division을 맡은 Stephen Elop (President, 사장) Wharton Business Technology Conference에서 디지털 기술의 다음 모습에 대해 의미 있는 발표를 했습니다. 발표 중에 Microsoft가 그동안 각 산업 분야별로 그린 청사진을 좀 더 일반화하고, 일반 소비자 중심의 변화를 담은 비디오도 소개했습니다. 하나하나의 화면 속에 여러 가지 기술을 담고 있습니다. 이미 구현된 것과, 코앞에 놓여 있는 것실용화를 위한 노력이 필요한 것이 섞여 있습니다. 그 모든 것에 공통점은 한국 개발자가 못할 것은 없다는 것입니다. 36분 전체 발표도 좋지만, 핵심을 먼저 보고 싶은 분은 비디오의 14 57초부터 20 37초 사이를 추천 드립니다. 전반부는 현재 경제 상황에 대한 견해, 비디오 이후는 세부 설명이 담겨 있습니다.

    Stephen Elop 2008 1월에 마이크로소프트에 입사해서 정보 근로자, 비즈니스 솔루션, 통합 커뮤니케이션을 맡은 사업부의 책임자입니다. 마이크로소프트 입사 전에는 Juniper Network, Adobe, Macromedia 등에서 임원으로 근무했습니다.

  • Korea Evangelist

    Eclipse4SL: Eclipse tools for Silverlight 3/3

    • 0 Comments

    banner_e4sl
    지난 시간까지는 Eclipse4SL을 사용하기 위한 환경설정까지 해 보았습니다. 이번 시간에는 대망(?)의 Hello World의 작성방법에 대해서 살펴 보도록 하겠습니다. Eclipse는 Java 이외에도 다양한 언어를 추가적으로 지원하기 위해서 Perspective라는 기능이 있습니다. 해당 개발 언어에 따라서 다른 인텔리센스나 환경을 제공하기 위한 것으로 Eclipse4SL을 설치하게 되면 Silverlight Perspective가 함께 설치 됩니다.

    clip_image002
    Windows –> Open Perspective –> Other… 안에 Silverlight와 관련된 항목을 찾을 수 있습니다.

    clip_image004
    추가적으로 Plugin을 확장해 나가면 여기에 Perspective가 계속 추가되는 것을 볼 수 있습니다. Visual Studio에서도 Plugin이라는 용어 대신에 Add-in이라고 불리는 방식에 의해서 계속해서 기능이 확장이 가능한데 최근에는 Visual Studio에서 Flex 개발이 가능해지고 있는 것과 같은 방식이 모두 Add-in에 의해서 추가된 기능입니다.

    이제 새로운 프로젝트를 하나를 만들어 보겠습니다.

    clip_image004[7]
    File –> New –> Silverlight Web Project 를 선택해서 새로운 프로젝트를 시작합니다. Silverlight Perspective가 선택되어 있으면 New에서 바로 선택할 수 있고 그렇지 않은 경우는 Silverlight 항목을 찾아서 선택하셔야 합니다.

    Silverlight와 관련한 Project Template은 두 가지 타입이 있는데

    - Silverlight project
    - Silverlight Web Project

    이와 같이 두 가지가 있습니다. Silverlight Project는 Silvelight만 개발하기 위한 프로젝트를 생성해 주고 Silverlight Web Project를 선택하게 되면 Silverlight project와 함께 Silverlight를 실행시키는데 필요한 Web Project도 함께 생성해 줍니다. 편리하게 개발하고 테스트를 하기 위해서는 Silverlight Web Project를 선택할 것을 추천해 드립니다. 

    clip_image006[7]
    Silverlight 프로젝트를 생성하기 위해서는 마지막으로 프로젝트 이름을 입력하면 됩니다. 여기서는 HelloWorldTutorial이라는 이름으로 프로젝트를 생성 합니다.

    clip_image008[7]

    프로젝트가 생성되고 나면 아래와 같은 프로젝트 구조를 볼 수 있습니다.

    clip_image010[6]
    여기 캡쳐 화면에는 4개의 프로젝트가 보이는데 DataGridTutorial과 DataGridTutorial.Web은 다른 용도로 미리 만들어 둔 것이기 때문에 무시해 주시기 바랍니다. 실제로 지금 만들어진 것은 HelloWorldTutorial과 HelloWorldTutoroal.Web 두 개의 프로젝트 입니다.  HelloWorldTutorial이 Silverlight 프로젝트 입니다.

    clip_image012[6]
    Project를 생성하자 마자 바로 실행시켜 볼 수도 있습니다. 물론 실행은 시킬 수 있지만 아무것도 없는 흰색 바탕의 Web page만 볼 수 있습니다.

    clip_image024[6]
    실행을 시켜보고 나서 HelloWorldTutorial.Web 을 다시 잘 살펴보게 되면 ClientBin 폴더안에 HelloWroldTutorial.xap 파일이 생성된 것을 볼 수 있습니다. *.xap는 Silverlight개 배포될 때 사용하는 압축 포멧입니다.

    이제 Silverlight project에 button을 하나 추가해 보도록 하겠습니다.
    clip_image026[6]
    Palette 안에 Silverlight에서 사용할 수 있는 컨트롤들이 이미 정리가 잘 되어 있는 것을 볼 수 있습니다.  이중에서 버튼을 선택하고 추가하게 되면 XAML상에는 아래와 같은 Tag가 삽입됩니다.

    <Button x:Name="MyButton" Content="Push Me !" Width="100" Height="50" />

    clip_image028[6]

    clip_image030[6]
    이제 이렇게 추가된 버튼에 이벤트 핸들러를 작성해 보겠습니다. 이벤트 핸들러는 C# 차원의 소스에서 추가하셔도 되겠지만 XAML상에서 추가하는게 여러모로 편리 합니다.

    clip_image032[6]
    Click이라고 이벤트를 입력하고 잠시 기다리게 되면 Visual Studio와 마찬가지로 인텔리센스 기능이 동작하면서 이벤트 헨들러의 작성을 도와줍니다.

    clip_image034[6]
    이벤트 핸들러에서 ButtonClick이라고 명명하고 OK를 누르게 되면 이벤트 핸들러가 작성됩니다.

    clip_image036[6]
    작성된 이벤트 핸들러에 아래와 같이 소스를 입력해 봅니다.

    /**
    * Event handler of <code>ButtonClick</code>.
    */

    private void ButtonClick(object sender, RoutedEventArgs arg1) {
        MyButton.Content = "Pushed";
    }

    clip_image038[6]

    그리고 내서 실행을 시켜보고 버튼을 클릭해 보면 버튼의 텍스트가 Pushed로 바뀌는 것을 볼 수 있습니다.
    여기까지 잘 따라 오셨다면 Eclipse를 가지고도 Silverlight를 잘 다룰 수 있는 기본 준비가 완료되었습니다.

    clip_image040[6]

    이렇게 Eclipse를 가지고 Silverlight 작업을 할 수도 있지만 Visual Studio나 혹은 Expression Studio를 함께 활용하시면 좀 더 편리하게 개발을 하실 수 있을 것 같습니다.

    다음에 좀 더 시간이 나게 되면 Java기반의 웹 서비스와 연동하는 부분을 계속해서 설명해 드리도록 하겠습니다.
    감사합니다.

  • Korea Evangelist

    Eclipse4SL: Eclipse tools for Silverlight 3/2

    • 0 Comments

    banner_e4sl
    Eclipse4SL은 http://www.eclipse4sl.org 에서 관련된 내용을 보실 수 있습니다. 제가 인용하고 있는 자료의 대부분도 이 사이트에서 가져온 것입니다.  Eclipse4SL의 개발 로드맵은 아래와 같습니다.

    Milestone 1: October 14th, 2008 (Alpha/Community Technology Preview)

    The focus of this release is around architecture, infrastructure, resource management and basic tooling with Eclipse IDE. We are excited to show you our initial thinking of the project and some of the basic developer experience in RIA application development. We look forward to your feedback and feature requests.

    Some of the features we have included in the Alpha build are

    • Project resource management in Eclipse IDE
    • Project explorer to show a configuration view of project resources.
    • Basic XAML Visual editor with instant preview and code completion assist.
    • C# code editor with syntax colorization, keywords and template code completion assist
    • Automatic Build & Run
    • Configurable Web application launch facilities

    More detail information about the features can be found on the Documentation page.

    Milestone 2: December 2008 (Feature Completion)

    • Completion of Silverlight Project System and Silverlight Compiler: Eclipse will contain both an advanced project system for creating Silverlight applications and media experiences.
    • Interoperability with Java Middleware that contain prescriptive functionalities that will help Java Developers build Silverlight applications with Java Web Services using REST, SOAP, JSON and other standards.
    • XAML Editor & Preview with code hinting and code completion: Feature completion of advanced, standards-compliant XAML editor with code hinting and code hinting features which helps detect and correct coding errors.
    • Finalizing features that not fully implemented such as Move and Rename refactoring
    • Complete user documentation & Prescriptive Tutorials
    • Defects & Regression Testing
    • Developer Usability Testing

    Final: Spring 2009

    • Advanced Media Features
    • Increased Interoperability with Java Middleware
    • Cross Platform Capabilities
    • Complete user documentation & Prescriptive Tutorials
    • Defects & Regression Testing
    • Developer Usability Testing

    현재 까지는 작업의 마일스톤을 잘 지켜오고 있습니다. 작년 10월 1차 버전에 이어서 작년 12월 버전이 현재 나와 있습니다. 사용해 보면 12월 버전 부터는 제법 훌륭하게 잘 동작하는 ���을 볼 수 있습니다. 또 12월 계획에 보면 Java기반의 미들웨어와 연계하는 시나리오도 함께 포함되어 있습니다.  마무리는 올해 4월 달인데 미디어와 연계하는 시나리오와 테스트 시나리오가 추가되어서 마무리 할 계획이라고 알려져 있습니다.

    Eclipse4SL을 사용하기 위해서는 기본적으로 아래와 같은 요소가 필요합니다.

    위의 목록에서 링크가 보이는 항목을 다운로드 받아서 설치해 주시기 바랍니다.
    개발 PC에 .NET Framework 3.5가 설치되어 있어야 하냐고 물어보시는 분들이 계신데 네! 반드시 설치되어 있어야 합니다. 여기까지 했으면 이제 Eclipse에 Eclipse4SL plugin을 설치할 차례입니다.

    image


    Eclipse에서 일반적으로 Plugin을 설치하는 과정과 동일 하기 때문에 기존에 Eclipse를 사용하시던 분들이라면 크게 어렵지 않게 따라 해 보실 수 있습니다. 먼저 Help—> Software Updates를 선택합니다.

    image 
    상단의 텝중에서 Available Software를 선택해서 Add Site 버튼을 선택합니다. 이렇게 선택하고 나면 업데이트를 할 수 있는 사이트를 입력하라고 합니다.

    image 
    http://www.eclipse4sl.org/update 라고 입력한 다음 OK 버튼을 바로 추가를 시작할 수 있습니다.

    image 
    http://www.eclipse4sl.org/update 항목이 새로 생기고 그 아래에 Eclise Tools for Microsoft Silverlight라는 항목이 새로 생긴 것을 볼 수 있습니다. 체크 박스를 체크하고 Install 버튼을 클릭하면 다운로드와 설치가 한번에 끝나는 것을 볼 수 있습니다.

    이제 개발환경이 완성되었습니다. 이렇게 개발환경이 완성되고 나면 제일 먼저 해보아야 하는 일이 무엇일까요?
    네 그렇습니다. 바로 ‘Hello World’ 입니다. 다음 편에서는 Hello World를 만들어 보도록 하겠습니다. ^^

  • Korea Evangelist

    www.microsoft.com/enable 에 대해서 아세요?

    • 1 Comments

    www.microsoft.com/enable은 Microsoft 본사 차원에서 장애인들의 정보 접근성에 대해서 필요한 정보들을 제공하고 있는 사이트 입니다. 이제까지 장애인들에 대한 접근성에 대해서 관심이 낮았던 부분도 있지만 본 사이트가 영어로 제공되고 있기에 선듯 마음이 가지 않았던 것도 사실이었습니다.

    한국마이크로소프트에서는 이 사이트를 한글과 해서 제공하게 되었습니다.

    http://www.microsoft.com/korea/enable/at/default.mspx <— 옆의 링크가 한글로 제공하는 사이트 입니다. 지난번에 제공해드린 접근성과 장애인 차별금지 및 권리구제 관련 법률(http://blogs.msdn.com/eva/archive/2008/12/14/silverlight-wpf-accessibility.aspx)이라는 글을 함께 참조해서 보시면 좋을 것 같습니다.

Page 4 of 4 (20 items) 1234