2010년 6월 23일 수요일

실버라이트 프로젝트 Xaml페이지에서 인텔리전스가 안되고 글자가 그냥 검정색이면 ...

실버라이트 프로젝트를 하다가 생각해보니 xaml페이지에서 인텔리전스도 안되고

글자가 그냥 검정색이길래 고민을 하고 구글링을 하다가 해법을 찾지 못했습니다.
그래서 가장 간단하면서도 무식한 방법을 찾았습니다.
해결법은 다음과 같습니다.
VS 의 환경설정을 초기화 하시면 됩니다.
뭐 이유는 대충 실버라이트를 개발하기 위해 SP1을 설치하고 for silverlight tools 설치될때
xaml에 대한 환경설정이 제대로 적용이 안되서 그런듯 싶습니다.

에러 메시지 Unable to start debugging. The Silverlight managed debugging package isn't installed. 대응법

안녕하십니까. 몰입 실버라이트 35mmst입니다.
Unable to start debugging. The Silverlight managed debugging package isn't installed.
대응법에 대해 설명 드리겠습니다.

이 메시지가 나타나는 원인은 먼저 사용자 런타임이 먼저 설치되어 있는 상태에서
개발 환경을 구성을 위해 vs for Silverlight와 sdk가 설치되면 나타나는 현상입니다.

사용자 런타임이란 사용자가 실버라이트가 삽입된 웹페이지를 최초에 보려고 할때 안내문구와 함께설치되는것을 얘기 합니다.

오늘 엄청 삽질했습니다.
저는 엥간해선 몇시간이고 붙잡아보고 구글링을 합니다.
한 3시간은 삽질한것 같군요 -_-;; 그러다 결국 해결했습니다.
구글링을 할껄 하며 후회중입니다.

쉽게 설명해서 시나리오는 다음과 같습니다.





35mmst는 실버라이트가 설치되어 있던 홈페이지에 들어갔습니다.
실버라이트를 보기 위해 실버라이트를 설치 했습니다. (사용자 런타임)
실버라이트가 마음에 들어 "나도 한번 해봐야 겠구먼" 하면서 개발환경을 구성했습니다.
그런데 이게 뭘까요.

Unable to start debugging. The Silverlight managed debugging package isn't installed. 라는 경고창이 뜨게 됩니다.

프로그램 추가/제거에서 기존에 있던 사용자 런타임 Silverlight 3를 제거하시고
vs for Silverlight 를 다시 설치해 주시면 그 후로는 디버깅이 이상없이 됩니다.

2010년 6월 13일 일요일

무료 녹화 프로그램 Camstudio


강좌를 진행할때 다음 프로그램을 사용하기로 했습니다.

후기는 나중에 -_-

http://camstudio.org/

몰실넷 오픈

몰입 실버라이트 오픈했습니다.

http://molsil.net

블로그에는 오랜만에 포스팅이군요 ^^

군복무를 하느냐 신경을 많이 못썻구요

6.12일부로 전역을 명받았습니다.

몰실넷은 동영상강좌가 컨텐츠의 주가 될것 같습니다 !

홧팅 !

2010년 4월 11일 일요일

웹 캐스트 라벨 추가 합니다.

Silverlight in depth 블로그에 웹 캐스트를 추가 합니다.

이곳 저곳에 있는 웹 캐스트를 한곳에 모아 보기 편하게

정리할 예정입니다.

2010년 4월 10일 토요일

블로그에 검색엔진최적화(SEO) 컨텐츠를 추가 합니다.

최근 SEO에 관심이 높아졌습니다.

구글을 중심으로 검색엔진에 최 상단에 노출 하는 법을 연구하고

관련 내용을 포스팅할 계획입니다.

마이크로소프트 실버라이트란 ? (What's Microsoft Silverlight)


실버라이트란?


MSDN에서는 실버라이트를 다음과 같이 설명합니다.
Microsoft Silverlight는 웹에서 사용할 차세대 미디어 환경 및 RIA(풍부한 대화형 응용 프로그램)를 만들고 제공하기 위한 .NET Framework의 다중 브라우저, 다중 플랫폼 구현입니다. Silverlight에는 서버, 웹 및 데스크톱의 기능, 관리 코드 및 동적 언어의 기능, 선언적 및 기존 프로그래밍의 기능 및 WPF(Windows Presentation Foundation) 기능이 통합되어 있습니다.
쉽게 풀어쓰면 다음과 같습니다.
RIA(Rich Interactive or Internet Application)를 만드는 멀티 브라우저, 플랫폼을 지원하는 차세대 도구
RIA를 설명하자면 RIA는 Rich Interactive or Internet Application으로써 직역하자면 풍부한 대화형 또는 인터넷 어플리케이션 입니다. 즉 기존에 HTML로 이루어져 있던 웹 페이지를 보다 시각적으로나 기능적으로 뛰어난 대화형 또는 인터넷 어플리케이션을 뜻합니다.

실버라이트는 한국 위키에서 링크와 같이 설명 합니다.
실버라이트는 WPF/E의 코드명으로 시작되었으며 여기서 /E의 의미는 영문 Everwhere(언제 어디서나)를 뜻합니다. 즉 WPF를 언제 어디서나 사용을 한다라는 뜻이 됩니다. WPF의 설명은 이 링크를 참조하시기 바랍니다.

실버라이트의 동작 방법은 작은 용량(약 4MB)의 실버라이트 런타임이 설치되면 많은 브라우저에서 사용이 가능하며 Out of Browser기능으로 웹 브라우저에서 벗어나도 사용이 가능합니다.

실버라이트의 개발도구로는 Microsoft의 Visual Studio를 사용하며 실버라이트의 시각적 디자인은 Microsoft의 Expression Blend를 사용합니다.

다음 포스팅에서는 실버라이트의 역사와 호환성에 대한 주제로 찾아 뵙겠습니다.

2010년 4월 5일 월요일

개발자와 디자이너의 "협업" - 간단히 알아보자 !


개발자와 디자이너의 "협업" - 간단히 알아보자 !

실버라이트가 세상에 나오면서 협업,협업 .... 참 많이 많죠 ? 하지만 도대체 이 협업이 뭐하는 놈이야 ! 하는 분 많으실 겁니다. 요번 포스팅에서는 협업에 대해 설명합니다.

개발자와 디자이너의 협업이란 무엇일까요 ?

일단 개발자와 디자이너가 하는 역할을 살펴 보자면 한 웹 사이트를 제작하는 프로젝트가 있습니다. 개발자는 웹 사이트에 들어가는 게시판이나 로그인 기능, 회원관리, 최근게시물 같은 기능들을 만들게 됩니다. 디자이너는 웹 사이트의 외적인 모습을 담당하여 웹 사이트를 디자인 하게 됩니다. 기존 개발자와 디자이너는 같이 프로젝트를 진행 하면서 디자이너는 포토샾으로 웹 사이트의 디자인을 하고 그 시안을 개발자에게 넘겨줍니다. 개발자는 그 디자인을 HTML화 시키고 그 위에 프로그램을 삽입했습니다. 이와 같이 한다면 문제점이 여러가지 있습니다. 그 중 대표적인 몇가지를 다음과 같이 나열 합니다.

  1. 개발자가 디자인툴을 익혀야 한다.
  2. 디자이너가 개발툴,언어를 익혀야 한다.
  3. 디자이너가 프로그램 코드를 잘못 수정하여 골치 아프다 (?)

등의 문제가 있었습니다. 3번 같은경우 기존 ASP나 PHP방식에서 사용하던 스파게티 소스 방식을 이야기 합니다. 스파게티 소스 방식이란 다음 예와 같습니다.

PHP에서의 예

....
html code blah blah ...
phpinfo();
?>
html code blah blah ...

이렇게 HTML 중간 중간 PHP 프로그램 내용이 들어가면서 디자이너가 실수로 프로그램 코드를 잘못 수정하여 골치 아픈 경우가 꽤 생겼다는 것입니다. 

하지만 닷넷에서는 코드 비하인드라고 하여 표현과 로직이 분리되었고 이것이 실버라이트에도 존재하게 됩니다.

코드비하인드에 대한 자세한 설명은 이 링크를 참조하세요.

실버라이트를 사용하여 웹 사이트개발을 진행하시면 이 모든 문제가 해결 됩니다. 실버라이트는 표현부분을 XAML을 사용합니다.

말을 쉽게 풀어 겉으로 보이는 모든것을 XAML에 프로그래밍 코드와 따로 담아준다는 겁니다.

XAML(Extensible Application Markup Language)로 XML기반의 마크업 언어로 자세한 설명은 차후 포스팅에서 다루겠습니다.

프로그램 부분은 C#,VB.NET등으로 코드 비하인드 페이지에 작성됩니다. 

이렇게 표현과 로직이 분리되면서 디자이너와 개발자는 서로의 개발툴에 대해 잘 알지 못하더라도 협업이 가능 합니다. 

실력이 부족하여 부족한 내용이 포스팅될수도 있습니다. 언제라도 지적해주시면 감사하겠습니다.



2010년 4월 4일 일요일

[추천] Essential Silverlight 3


[추천] Essential Silverlight 3

에센셜 실버라이트 3 책은 실버라이트의 하부구조에 대한 내용이 수록되어 해당 컨트롤이 어떻게 돌아가는지 알게되고 또한 성능 팁등 실버라이트 개발 프로젝트에 있어 많은 도움을 줍니다. 개인적으로 저는 에센셜 실버라이트 3를 적극 추천합니다. 하지만 입문서로는 적당하지 않아 실버라이트 코리아에서 나온 RIA Development 실버라이트 3같은 적당한 입문서를 먼저 읽고 접하시는걸 권합니다.

실버라이트(Silverlight) 역사와 호환성


실버라이트(Silverlight) 역사와 호환성


실버라이트의 역사는 그리 길지 않습니다. 길지 않고도 역사는 역사겠죠(?) 이번 포스팅에서는 짧지만 실버라이트의 역사에 대해 설명합니다.

실버라이트의 역사

실버라이트의 역사에 대해 영문 위키피디아에서 다음 링크를 참조 하시기 바랍니다.

http://en.wikipedia.org/wiki/Silverlight#Release_history


위에 표를 보고 있자니 참 복잡하시죠? 간단히 크게 분류하여 설명 하겠습니다.
1.0 버젼이 처음 나왔을때 실버라이트는 오직 Javascript로만 작성 가능했습니다. 그래서 프로그래밍을 하기에 제한적이였고 컨트롤이 부족했고 Button컨트롤 조차도 직접 만들어서 썻다고 합니다. 2.0이 나오면서 닷넷프레임워크가 지원되면서 실버라이트를 C#,VB.NET으로 작성이 가능해 졌습니다. 이때부터 실버라이트의 시작이라고 할수 있습니다. 또 이때 Deepzoom이 세상에 탄생되었고 많은 주목을 받게 됩니다. 실버라이트 3.0이 나오면서 많은 변화가 있었는데 그 중 강화된 3D기능과 Out of Browser를 꼽을수 있는데 Out of Browser란 브라우저 밖에서도 실버라이트를 마치 애플리케이션처럼 실행 가능하게 마치 Adobe의 AIR를 생각나게 하는 그것 입니다.

다음은 실버라이트의 호환성에 대하여 알아보겠습니다.

실버라이트의 호환성




실버라이트의 소개글[link]를 보면 실버라이트는 멀티 브라우저, 다중 플랫폼을 지원한다고 써져 있는데요. 이 뜻은 여러개의 웹 브라우저와 다양한 기기, 운영체제에서 실버라이트를 지원한다는 뜻입니다.

실버라이트의 지원 브라우저는 다음과 같습니다.
  • Microsoft Internet Explorer 6/7/8
  • Mozilla Firefox
  • SeaMonkey Browser
  • Safari
  • Opera
  • Google Chrome
실버라이트는 다음과 같은 플랫폼을 지원합니다.
  • Microsoft Windows 2000~Windows 7 (Win serv군 포함)
  • Apple Mac OS
  • Windows Mobile (?)
비 공식적이지만 리눅스도 지원하게 됩니다. 다음은 그와 관련된 정보 입니다.




mono는 리눅스에서 닷넷을 개발하고 실행할수 있는 환경을 조성해 주게 됩니다. 문 라이트는 모노의 작은 프로젝트로써 실버라이트의 개발과 실행을 조성해줍니다.

모노의 관련된 내용은 http://mono-project.com/ 에서 확인할수 있습니다.


또한 Windows Phone에서 실버라이트가 지원됨에 따라 실버라이트의 관심은 더 높아지고 있습니다.

실버라이트(Silverlight) 3 개발 환경 구성하기


실버라이트(Silverlight) 3 개발 환경 구성하기


이번 포스팅에서는 실버라이트 개발 환경을 구성하는 방법에 대해 설명합니다.
실버라이트 3를 개발하기 위해서는 다음과 같은 프로그램을 필요로 합니다.

실버라이트만 개발하기 위해서는 ...


  1. Microsoft Visual Studio 2008 or Visual Web Developer 2008 Express


  2. Microsoft Silverlight Tools for Visual Studio 2008 SP1
실버라이트 UI Design과 Deepzoom을 이용하려면 ...
  1. Microsoft Expression Blend 3
  2. Microsoft Deepzoom Composer

Microsoft Visual Studio 2008 (이하 VS2008)경우 비싼 가격으로 개인이 구매하기에는 제한 적입니다. 그렇기 때문에 Trial 버젼 혹은 무료버전인 Express 버젼을 사용하여야 합니다. Trial 버젼을 다운로드 하시려면 다음 링크를 따라가시면 됩니다.


90일간 사용이 가능한 버젼입니다. Express 버젼은 닷넷을 학습하려는 학생,개발자등을 위해 약간의 기능이 제한덴 VS2008의 무료버젼이라고 보시면 됩니다. VS2008이 아닌 Express버젼을 사용하시려면 다음 링크를 따라가 설치하시면 됩니다.


둘중 꼭 하나를 설치합니다 !

설치후 VS 혹은 VWD에서 실버라이트를 개발할수 있는 환경을 조성해 주는 Microsoft Silverlight Tools for Visual Studio 2008 SP1 를 설치합니다. for Visual Studio 2008 SP1이라는 문구 때문에 VS에서만 이용이 가능한가 생각되실지도 있지만. VWD가 설치되어 있어도 상관 없습니다. 설치전 반드시 VS 2008 혹은 VWD 2008 Express는 Service Pack 1 (이하 SP1)이 설치 되어 있어야 오류가 나지 않습니다.


Microsoft Silverlight Tools for Visual Studio 2008 SP1


이렇게 되면 실버라이트 개발 환경이 구성됩니다.

실버라이트 화면 구성및, 애니매이션 구성을 위해서는 Expression Blend라는 디자인 툴이 필요 합니다. Expression는 다음 링크에서 다운로드 하실수 있습니다.


Deepzoom Composer는 실버라이트에서 대용량 이미지를 빠르고 시각적으로 뛰어나게 처리하며 좋은 확대율을 만들어주는 도구입니다. 딥줌이라 읽으며 다음 링크에서 다운로드 하실수 있습니다.


Deepzoom Composer는 무료 입니다 !

 

Visual Studio및 Expression Studio를 무료로 사용하는 방법이 있습니다.
대학생이면서 해당 대학의 이메일 계정을 소유하고 있거나 소규모 창업자의 경우 드림스팍과 비즈스팍이라는 프로그램을 통해 무료로 사용할수 있습니다. DreamSpark,BizSpark라는 키워드로 구글링해보시면 많은 정봐 나오게 됩니다.


2010년 4월 3일 토요일

Silverlight in depth 오픈

Silverlight in depth를 Google의 Blogger로 오픈 했습니다.
다음의 티스토리를 사용하려다 딱 필요한 기능만 있는 Blogger가 맘에 들어 Blogger로 정하게 되었습니다. 앞으로 많은 포스팅으로 찾아 뵙겠습니다.