좋지 않은 날씨에도 불구하고(!) 많은 분이 늦게까지 참가해 주셨네요. :)

이번에 발표 내용은 실버라이트의 역사를 간단하게 되짚어보고 현재 폭발적으로 기능이 확대되고 있는 실버라이트 4의 특징적인 기능들을 알아봤고, 실버라이트 4와 그 이후에 대해서도 대략적으로 그려봤어요.

발표 자료는 아래에서 다운로드 받으세요.
[슬라이드] [데모 자료]

질문이나 피드백은 언제나 환영!
Posted by gongdo

Submit comment.

  1. 치사대마왕 2010.03.26 12:12  comment URL  Edit/Remove  Submit comment.

    기존 아이시린이란 필명을 쓰다가 바꾸었습니다. ㅋ

    안녕하셨습니까~ 세미나 잘 보았습니다. 고생하셨습니다.
    아 5번 정도 세미나 참석 한거 같은데.. 경품과 저는 넘사벽 이군요 ㅋ
    어제 발표 하신거 듣구.... out of browser 다음에 설명하신.. 영어는 기억이 안 나구요. 관리자 권한 실행(?)에 질문이 생겨 이렇게 글을 ~ ^^

    시연 보여 주시는거 보면... 엑티브 엑스와 차이를 모르겠더라구요. COM 과도 연동이 된다고 하시구.... 헉~ 하면서 멋지다... 하는 생각이 ㅋㅋㅋ

    그래서 말인데...이번에 추가된 이 기능이 엑티브 엑스 기술을 대체 하기 위해서 나온걸로 봐도 될까요? 로컬 자원을 어플처럼 쓸 수 있는게 아닌가 하는 생각이 들어서 그렇습니다.

    이 기능에 관심이 많은 이유가... 지금 서버형 변환을 위한 실버라이트 프로그램을 개발 중인데 차 후에 로컬형도 개발해야 하는 이슈가 있구요.. 현재 회의 결과는 로컬은 wpf로 기존 소스를 참고하여 개발해야 하지 않나 하는 쪽으로 생각이 들었었습니다.

    그런데 어제 세미나를 보니 잘만 된다면.... 두번의 작업을 안해도 되는 상황이 될 수도 있지 않을까 해서 여쭤봅니다.

    즉. 한마디로 엑티브 엑스처럼 로컬 자원을 사용자가 승인을 하면 그 이후부터는 마음껏 사용 할 수 있는 것인가요?

    • Favicon of https://gongdosoft.com BlogIcon gongdo 2010.03.26 23:10 신고  comment URL  Modify/Remove

      짧은 시간에 우겨넣다보니 설명이 부족했나봅니다.
      Elevated Trust Out-of-Browser, 즉 권한상승된 OOB 애플리케이션은 물론 관리자 권한으로 실행은 되지만, 특정 동작에 제한이 있습니다.
      예를 들어, System.IO를 통해 로컬 리소스에 접근할 수 있지만 실제로 접근할 수 있는 폴더는 내 문서, 내 사진 등의 특수 폴더만 접근이 가능하고 요컨대, C:\test.txt와 같은 임의적인 접근은 불가능합니다.

      다만, 권한상승된 OOB는 COM 인터럽이 가능하기 때문에 만약 미리 설치되어 있는 COM 컴포넌트가 있다면 그것과 연동이 가능합니다.

      이 기능은 일반 사용자를 대상으로 나온 Active-X와는 달리 어느 정도 COM 컴포넌트 설치를 확신할 수 있는 인트라넷 환경에 더 적합한 기능입니다.

      사족을 달자면, 이런거죠. 아무리 권한상승된 OOB가 COM 연동을 통해 로컬에 접근할 수 있다고해도 일반 유저를 대상으로 한 애플리케이션의 경우 그 COM 컴포넌트가 있으리라고 확신할 수 없기 때문에 OOB의 해당 COM 컴포넌트 접근은 있으나 마나가 되겠죠.

  2. 치사대마왕 2010.03.29 18:10  comment URL  Edit/Remove  Submit comment.

    넵 친절한 설명 감사드립니다~

    로컬형으로 개발을 하게 될 경우 ..... 어플형식으로 다시 만들어야겠다는 결론이 나오는 군요.

    공도님 감사합니다~

실은 추석 전이라 가벼운 마음으로 준비했는데 생각보다 많은 분들이 와주셔서 정말 놀랬어요.

여튼 발표자료를 올립니다. 발표 PT와 데모(UserControl, CustomControl 및 Blend 데모)를 포함하고 있어요.


거의 대부분의 자료 참고를 마이크로소프트의 실버라이트 프로그램 매니저 중 하나인 Karen Corby의 블로그에서 얻을 수 있었고요, 제대로 공부하고 싶다면 꼭 방문해보시길 바래요.

자세한 강좌도 따로 진행하고 싶은데 요즘 프로젝트가 빠듯해서 확신이 안가네요. 어쨌든 기회되는대로 추가적인 정보를 올리도록 하지요.

Posted by gongdo

Submit comment.

  1. Favicon of http://cafe.naver.com/mssilverlight BlogIcon 패러다임 2008.09.12 09:56  comment URL  Edit/Remove  Submit comment.

    머리속에서 좌악 정리가 되었습니다. ^^ 공도님, 피터씨 감사합니다. ~~

  2. Favicon of https://gilverlight.tistory.com BlogIcon 길버트 2008.09.12 09:59 신고  comment URL  Edit/Remove  Submit comment.

    어제 정말 고생 많으셨어요!
    세미나에 많은 분들이 참석해 주셔서 흐뭇~

  3. Favicon of http://kkd4139.tistory.com BlogIcon 권대리 2008.09.12 10:01  comment URL  Edit/Remove  Submit comment.

    대구에서 빡시게 올라가서 세미나 참석한 보람이 있었네요.

    어제 세미나 강의 잘들었습니다. 덕분에 개념도 정리가 좀되고..
    공도님과 수석디자이너신 피터씨께도 감사드립니다. ^^

    즐거운 추석연휴 보내시길 바랍니다!

PIP는 Picture In Picture의 약어로 보통 영상 매체에서 현재 보고 있는 채널을 바꾸지 않고 다른 채널의 내용을 작게 표시하는 기법을 말하죠.

Remix Korea 08의 마지막 기술 세션에서 이에 관련한 기초적인 내용을 소개했었는데요, 그때 사용한 데모 코드와 PPT 자료를 올리니 참고하시길 바래요.

20080611_Remix08.zip

Remix Korea 08 발표 자료

Remix때는 Demo가 Beta1으로 되어 있어서 그간 공개를 못했는데 Beta2에서도 동작할 수 있도록 포팅을 했고 용량 문제로 MediaExchange/ClientBin/Media 폴더 안에 있는 미디어 파일을 삭제했어요. 그래서 테스트를 하실 때는 그냥 아무 WMV파일 4개를 해당 폴더에 1.wmv ~ 4.wmv 라는 이름으로 넣어야 해요.

혹시 WMV를 검색하기 귀찮으신 분들은 아래의 샘플을 다운받으시면 돼요.
Remix 발표때 사용했던 동영상들이죠.
http://silverlight.services.live.com/59546/Sample1/video.wmv
http://silverlight.services.live.com/59546/Sample2/video.wmv
http://silverlight.services.live.com/59546/Sample3/video.wmv
http://silverlight.services.live.com/59546/Sample4/video.wmv

PIP는 겉보기엔 별로 어려워 보이지 않지만 아무생각 없이 구현했다가는 메인과 서브의 미디어 파일을 바꿀 때 엄청난 시간 지연이 발생하는 낭패를 겪게 되죠.

이 문제를 해결하는 방법을 Demo를 통해 코드로 설명하고 있으니 코드를 찬찬히 뜯어보시면 아마 쉽게 이해하고 적용할 수 있을거에요.

여담으로 오랫만의 사우스파크 얘긴데, PIP 이란 캐릭터 좋지 않나요? ^^;
전에 코미디 센트럴이 사우스파크의 약간의 광고를 포함한 전 에피소드를 웹에서 볼 수 있도록 풀었다는 포스팅을 한 적이 있는데요, 영어가 되시는 분은 http://www.southparkstudios.com/episodes/103918 여기에서 PIP 에피소드를 볼 수 있지요.

Posted by gongdo

Submit comment.

  1. Favicon of http://www.uxkorea.net BlogIcon 준서아빠 2008.06.25 10:39  comment URL  Edit/Remove  Submit comment.

    사팍 매니아... ㅋㅋ
    PIP이 약간 속어가 있는 것으로 알고 있심당... "PIP 이란 캐릭터 좋지 않나요?" 조아조아~

    • Favicon of http://gongdosoft.com BlogIcon 공도 2008.06.25 14:20  comment URL  Modify/Remove

      예... 이 에피소드 말고 닷지볼 하는게 있었는데 어떤 에피소드였는지 기억이 안나네요. 거기서도 PIP이 대활약!

  2. 은가루 2008.08.08 19:03  comment URL  Edit/Remove  Submit comment.

    너무 구경을 하고싶어서 비주얼스튜디오라는것도 깔아봤는데...
    실행이 안되요..ㅜ_ㅜ 어떻게 하면 실행해 볼수있는거죠..ㅜ_ㅜ

2007/12/22 - [프로그래밍/Silverlight] - 훈스닷넷과 함께하는 UX 세미나 짤막 후기
앞서 얘기드린 것 처럼 4일만에 기획, 디자인, 데모까지 죄다 다시 하느라 원래 의도했던 걸 모두 표현하지는 못했어요. 하지만 코드를 어떤식으로 사용했는지에 대한 참고는 될 수 있을거라고 생각해요. 사실 코드도 정리가 엉망이지만요 ㅠ.ㅜ

참고로 저 손모양은 오른쪽 위의 조그마한 버튼을 누르면 나와서 따라다녀요. ESC를 누르면 없어지고요. 근데 이것도 시간이 없어서 제대로 동작은 하지 않고 그냥 이런 느낌으로 만들려고 했었다...정도로만 이해해주시면 되겠네요.

물품 상세 정보 보기나 매장 물품 리스트 보기도 구현을 못했는데요, 하지만 화면 전환이 어떤식으로 이루어지는지 참고할 수 있을거에요.

여튼 자료는 아래에서 다운받으세요. 데모를 올려놓고 싶은데 제 계정이 말썽이군요 -_-;
[2008.01.05]
...웁스 라이브러리를 빼놓고 올렸네요. 다시 올립니다. 지적해주신 분께 감사드려요.

Posted by gongdo

Submit comment.

  1. Favicon of http://taedi.kr BlogIcon 테디 2007.12.26 14:23  comment URL  Edit/Remove  Submit comment.

    자료 감사합니다. ^^
    준일군에게 계정에 대해서 의뢰해보심이... 어떠신지요??

  2. Favicon of http://taedi.kr BlogIcon 테디 2007.12.26 14:28  comment URL  Edit/Remove  Submit comment.

    데모소스에다가 이제는 Linq를 적용하시는군요...
    공도님은 항상 최신기술의 트랜드에 뒤쳐지지 않는것 같습니다.
    발빠른 대응... ^^ 굿입니다.

  3. Favicon of http://gongdo.tistory.com BlogIcon 공도 2007.12.26 15:01  comment URL  Edit/Remove  Submit comment.

    계정은 나중에 2008 정식 설치 후에 옮기는게 좋지 않을까 싶어서요.
    람다식이나 LINQ는 간단한거라도 쓰는 습관을 들여야 지금 SQL을 쓰는 것 처럼 쉽게 쓸 수 있을 것 같아서요. :)

  4. 대박나세요 2008.01.06 21:54  comment URL  Edit/Remove  Submit comment.

    지적이 아니고 문의드렸던건데...ㅠㅠ
    이제는 아주 잘됩니다.
    Silvershade보니까 공도님의 4일간의 굉장했던 노력이 보이는군요.

찜질방 같은 세미나룸에서 고생들 많으셨어요.

발표 녹화 동영상은 훈스닷넷(http://hoons.kr)을 통해 별도로 올라올 예정이니 기다려주시고요, 우선 발표를 위해 근 한달 반 동안 준비했던 데모 프로젝트들을 공개합니다.

---------- 코드와 라이센스에 관한 주요 사항 ----------

이 프로젝트 코드들은 처음부터 끝까지 제 스스로 작성한 것으로 이 코드의 출처를 밝히는 Common licence 2.0(By)를 만족한다면 모든 코드를 상업적인 이용을 포함하여 자유롭게 사용하실 수 있습니다. 단, 코드의 일부를 발췌하는 것은 아무런 제한이 없으며 개인의 판단에 따라 원저작자를 언급할 수 있습니다.

또한 원저작자인 저는 이 코드의 품질과 성능에 대하여 어떠한 보증도 하지 않으며 이 코드를 사용함으로써 발생되는 모든 책임은 사용자에게 귀속됩니다.

----------------------------------------------------
뭐 딱딱하게 얘기하자면 위와 같지만, 어차피 코드의 품질이 썩 마음에 드는 수준은 아니라서 참고가 될지 모르겠네요.

프로젝트가 생각보다 커져서 꽤 많은 내용을 담고 있는데요, 한꺼번에 설명드리긴 어렵고 앞으로 차근차근 강좌나 팁 형식의 글을 올릴 예정이에요. 근데 하루 이틀은 좀 머리를 비워놓고 조금 있다가 시작할께요. 히히.

프로젝트에 포함된 이미지가 좀 많아서 용량이 꽤 되네요. 부득이하게 분할 압축합니다.



폴더 설명 :
Seminar : 발표 자료(pptx 등)
Silverlight : 데모 프로젝트 루트
  +--Documents : 프로젝트를 진행하며 메모 해놓은 사항들
  +--Silverlight : Gongdosoft.Silverlight 프로젝트 폴더
         +--Demo : 발표에서 사용한(사용할 예정이었던) 데모 프로젝트 폴더
         +--그 외 : Gongdosoft.Silverlight 라이브러리의 하위 클래스들 및 테스터들

프로젝트 설명(Silverlight/Silverlight.sln)

사용자 삽입 이미지

[Demo] - 데모 진행을 위한 프로젝트
[AnimationFreezing] ; Animation Freezing과 Async 실행 예제
[FancyButton] ; Live 데모 샘플
[PhotoAlbum] ; 메인 발표 자료인 포토앨범, 하위의 PhotoAlbum이 실버라잇 프로젝트이고 WebSite는 PhotoAlbum을 웹사이트에 올려서 테스트하기 위한 예제
[Rullet] ; 경품 추첨용 데모
[StoryboardBuilder] ; 스토리보드를 동적으로 생성하기 위한 코드 데모

[SilverlightTesters] ; Gongdosoft.Silverlight 라이브러리들의 테스트를 위한 프로젝트들

[Silverlight] ; Gongdosoft.Silverlight 라이브러리의 루트 프로젝트

[Browser] ; Scriptable을 비롯한 HTML DOM 연동을 위한 클래스 모음
[Common] ; Gongdosoft.Silverlight 공통 클래스 모음
[Diagnostics] ; 런타임 디버깅을 위한 지원 클래스 모음
[Utils] ; 공통 유틸리티 클래스 모음
[UX] ; 커스텀 컨트롤 및 컨트롤 제어를 위한 클래스 모음
[Button] ; 버튼 컨트롤 모음
[Common] ; UX 공통 클래스 모음
[Panel] ; 패널 컨트롤 모음
[Utils] ; UX 유틸리티 클래스 모음


이 프로젝트는 순전히 제 코딩 취향으로 작성되었고 주석도 그럭저럭 많이 붙여뒀지만 무리하게 전체를 다 이해하려고 덤벼드실 필요는 전혀 없어요.

이런 프로젝트를 앞으로 직접 작성하게 될 테고 세부적인 내용은 차근차근 진행할테니까요.

Posted by gongdo

Submit comment.

  1. Favicon of http://www.netfighter.pe.kr BlogIcon 테디 2007.07.08 19:21  comment URL  Edit/Remove  Submit comment.

    친절한 공도님!!

  2. Favicon of http://blog.naver.com/inasie BlogIcon 김플레 2007.07.08 20:21  comment URL  Edit/Remove  Submit comment.

    잘받았습니다!! 감사합니다!! 이런 귀하디 귀한 자료를!

  3. Favicon of http://blog.naver.com/inasie BlogIcon 김플레 2007.07.08 20:23  comment URL  Edit/Remove  Submit comment.

    아아..공도님 007번의 파일이 원본가 크기가 다르다고 에러를 뿜어요..털썩..

  4. Favicon of https://gongdosoft.com BlogIcon gongdo 2007.07.08 20:32 신고  comment URL  Edit/Remove  Submit comment.

    7번 다시 올렸어요.

  5. Favicon of http://blog.naver.com/super810910 BlogIcon 슈퍼낙훈 2007.07.09 00:07  comment URL  Edit/Remove  Submit comment.

    소스를 쭈욱 보고는 절망했습니다.
    소스 내용만 하나하나 배우는것 만으로도 정말 엄청난것이 될것만 같아요...

    자료 감사하구요!

    죄송스러운 말이지만 저같은 프로그래밍 초보자들 입장도 쪼오끔 고려하신

    그런 강좌가 쭈욱 나왔으면 좋겠습니다.
    (감히 요구사항은 아니구요)

    여하튼 증말 고생하셨습니다.

  6. Favicon of http://cafe.naver.com/mssilverlight BlogIcon 패러다임 2007.07.09 02:34  comment URL  Edit/Remove  Submit comment.

    벼르고 벼르던 세미나를 가지 못했습니다. -_-''

    공도님 얼굴 꼭 뵙고 싶었는데요. 이상하게 훈스 세미나는 인연이 없다는..

    금쪽 같은 소스를 공유해 주셔서 감사하고요. 저도 분석 들어가야 겠네요. ^^

    이어지는 자료설명에 기대 백배입니다. ^^

    자료 강좌 올리시는거 우리 카페에 링크 걸어도 되죠? ^^;;

  7. Favicon of http://cafe.naver.com/mssilverlight BlogIcon 패러다임 2007.07.09 02:52  comment URL  Edit/Remove  Submit comment.

    지금 PT다 보았습니다.

    끝에 우리카페 URL이 있네요. ^^

    Silverlight를 배우려는 많은 분들에게 좋은 정보를 제공하는데 큰 시너지가 날 수 있도록 저도 더 많이 노력해야 겠습니다. ^^

  8. Favicon of http://gongdo.tistory.com BlogIcon 공도 2007.07.09 03:23  comment URL  Edit/Remove  Submit comment.

    패러다임님// 하하 얼굴이야 뭐 별볼일 있겠습니까. 그냥 프로필 그림이든 허수아비 얼굴이든 뭐든 대체해도 상관 없죠. 소스야 언급한대로 by 규칙만으로 자유롭게 이용하셔도 돼요^^
    실버라잇 하면서 지금은 이슈화 하는게 더 중요한 것 같아요.
    세미나에서 다른 분과 얘기를 나눠보면서 느끼는게 실버라잇이 도대체 뭐하는 건지 전혀 감을 못잡고 계신 분도 많고... 직접적으로 느끼는건 MS에 대한 반감정이 더 많고요.
    여하튼 꾸준히 해봐야죠.

  9. 대희 2007.07.09 09:22  comment URL  Edit/Remove  Submit comment.

    세미나 잘 들었습니다. 발표 끝나고 뒷북으로 Storyboard 질문드렸던 사람인데 기억하실런지요. 아직 익숙하지 못한 상태에서 도움이 많이 될 것 같습니다. 다음에 또 강좌하실 때는 손 번쩍번쩍 들께요. ^^; 수고하세요~

    • Favicon of http://gongdo.tistory.com BlogIcon 공도 2007.07.09 12:49  comment URL  Modify/Remove

      하하... 스토리보드가 아직 좀 다루기 어려운데요, 데모에서 StoryboardBuilder를 한번 살펴보세요

  10. Favicon of https://koko8829.tistory.com BlogIcon 열이아빠 2007.07.09 13:03 신고  comment URL  Edit/Remove  Submit comment.

    참여하고 싶었던 세미나였는데 무척 아쉽네요.
    다행히도 동영상을 올려주신다니 기대하고 있겠습니다.

  11. 비엠 2007.07.11 11:27  comment URL  Edit/Remove  Submit comment.

    귀중한 자료를 이렇게나 공개해주시다니...감사드립니다...

  12. gsi 2007.07.13 10:23  comment URL  Edit/Remove  Submit comment.

    답변 잘 받았습니다. 이 코드를 잘 분석 해보고.. 더 좋은걸 만들어 볼께욤..
    아 인터넷에 FishEye 라는 예제로 나온게 있던데.. 그 패널 안에 객체를 넣으면 커서가
    갔을때 줌인 효과가 나오는건데욤.. cs 파일 하나로 컨트롤을 만들어서
    한거 같아 보이긴 하는데요.. 참 신기하더라구요 ^^.. 다른 기법인가.. ^^

    • Favicon of http://gongdo.tistory.com BlogIcon 공도 2007.07.13 23:02  comment URL  Modify/Remove

      컨트롤을 따로 만들면 뭐든 가능하죠.
      제 생각에 현재 버전만으로도 몇몇 키보드 키입력 지원을 제외한 거의 대부분의 기능을 구현할 수 있어요.
      다만 얼마나 삽질을 해야하느냐는 좀 고려해볼 대상이지만요.

  13. 이한철 2007.07.18 18:40  comment URL  Edit/Remove  Submit comment.

    아~ 정말 감사드립니다(_._)

  14. Favicon of http://blog.naver.com/nclovehs BlogIcon 남처리 2009.08.20 09:56  comment URL  Edit/Remove  Submit comment.

    공도님~ 안녕하세요.
    이 세미나에 참석을 했을때는 실버라이트를 하나도 모를때여서 그냥 멋있구나! 라는 생각만을 했었습니다.
    그런데 갑자기 그때의 포토 앨범 데모가 제가 업무를 하고 있는 도서 쇼핑몰에서 적용을 하면 괜찮겠다는 생각이 들어서 참고를 하려고 소스를 보려고 소스를 내려 받아서 압축 풀고 VS 2008로 열었더니 아래와 같은 에러가 발생을 합니다.
    죄송하지만 VS 2008에서 해당 데모 소스를 확인 할 수 있는 방법 좀 알려주시면 정말 감사하겠습니다...

    ####### Error Message ########
    프로젝트 파일을 열수 없습니다.
    <Import>에 선언에 지정한 경로가 올바른지 그리고 파일이 디스크에 있는지 확인하십시오.

    해당 경로를 찾아가보면 이 부분을 말하는것 같습니다.
    XXX.csproj
    <Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v9.0\Silverlight\Microsoft.Silverlight.Csharp.targets" />

    도움 주시면 그 은혜 잊지 않겠습니다. (_ _ )꾸벅.

    블로그 : http://blog.naver.com/nclovehs
    이메일 : nclovehs@hanafos.com
    메신저 : nclovehs@nate.com
    연락처 : 010-3234-8487

  15. Favicon of http://blog.naver.com/nclovehs BlogIcon 남처리 2009.08.20 10:33  comment URL  Edit/Remove  Submit comment.

    공도님 위에 질문 했던 문제는 아래와 같이 수정을 하니 해결이 되었습니다.
    <Import Project="$(MSBuildExtensionsPath)\Microsoft\Silverlight\v3.0\Microsoft.Silverlight.CSharp.targets" />

    감사합니다 +_+

  16. Favicon of http://blog.naver.com/nclovehs BlogIcon 남처리 2009.08.20 10:39  comment URL  Edit/Remove  Submit comment.

    공도님. 산넘어 산이군요 ^^;;

    참조 dll에 대해서 여쭤보겠습니다.
    agclr.dll, system.silverlight.dll, system.Xml.core.dll 이 세가지 dll은 3.0에서
    어떻게 참조를 변경 해야하는지요...?

  17. Favicon of http://gongdosoft.com BlogIcon 공도 2009.08.20 14:31  comment URL  Edit/Remove  Submit comment.

    아쉽지만 이 예제는 정말로 머나먼 옛날(...)인 1.1 시절의 것이라서 지금와서 포팅하기엔 무리가 많이 있어요. 지금이라면 코드를 이렇게 짜지도 않을 게 분명하고요.
    이보다는 다른 실버라이트 3 예제를 참고하시는 게 훨씬 더 도움이 될거에요.

  18. Favicon of http://blog.naver.com/nclovehs BlogIcon 남처리 2009.08.21 09:37  comment URL  Edit/Remove  Submit comment.

    예 알겠사옵니다.
    빠른 답변에 너무 감사 드립니다. ^^