WPF/WPF 기초 다지기2008.12.13 02:52
◎ 4면의 방향으로 도킹, 전체 높이와 폭을 채운다.
◎ 프로퍼티 (Left, Top, Right, Bottom)
Posted by UXPRO
WPF/WPF 기초 다지기2008.12.11 01:57

Panel이라는 개념은 기존 WinForm환경에도 있던 부분이지만 프로그램의 레이아웃을 잡고 컨트롤을 배열하는데 Panel만큼 중요한 것이 없습니다.

WPF에서도 여러 컨트롤을 하나의 단일화된 컨트롤로 그룹화하는데 Panel을 씁니다.

WPF에서 제공하는 기본 패널들에는 아래와 같은 것들이 있습니다.

◎ DockPanel : 다섯 개의 고정된 위치에 컨트롤을 배치한다.
◎ StackPanel : 수직 또는 수평으로 컨트롤을 적재하여 배치한다.
◎ Grid : 열과 행을 임의로 정의하여 각 열과 행에 해당 컨트롤을 배치한다.
◎ Cnavas : 원하는 임의의 좌표 값을 이용하여 컨트롤을 배치한다.

각각에 대한 자세한 내용은 다음에 바로 올리겠습니다.

Posted by UXPRO
Expression Studio2008.05.02 13:44
출처 : http://www.microsoft.com/downloads/details.aspx?FamilyID=7ae2720c-72ba-489b-adbb-ee6f3c79066d&DisplayLang=en

사용자 삽입 이미지

익스프레션 스튜디오 아웅다웅 지나온게 벌써 1년이나 되었네요.

익스프레션 스튜디오 2가 정식으로 나왔습니다.

무엇이 바뀌었는지 궁금해서 죽겠는데

그보다 더 앞서는게 귀차니즘이라.... 쩝

곰방 포스팅해서 올리겠습니다. 조금만 기다려 주세요.
Posted by UXPRO

RIA, UX, WPF, Silverlight ...

IT 분야는 지치지도 않고 새로운 정보들을 쏟아 내고 있습니다.

그 중에서 제가 관심이 가는 제품은 Microsoft에서 작년 이맘때쯤 출시한 Expresion Blend입니다.

옛말에 "사공이 많으면 배가 산으로 간다"는데 Expresion Blend는  그 사공들이 형제들이라 더 혼란스럽습니다. ^^

그러나 모두가 '엄친아, 엄친딸'처럼 완벽할 수는 없기에 Expresion Blend도 그 개개인에 따라 특징이 있습니다.

지금 공개되어 있는 Expresion Blend는 크게 Expression Blend, Expresion Blend 2, Expresion Blend 2.5 이렇게 3가지가 있는데 우선 그 형제들에 대한 전반적인 내용을 이 글에서 소개하고 각각에 대한 조금 더 자세한 내용은 다음에 다시 준비하겠습니다.

그럼, 제일 맏형 부터 소개해 드리겠습니다.

Expression Blend

Expression Blend는 닷넷 프레임워크 3.0 기반의 작업을 하기 위해 2007년 4월에 처음으로 소개되었으며, Expression Studio의 구성 제품중 하나입니다. 현재 정식버전으로 아래 요약된 모든 기술을 지원합니다.(지금 현재 2007년 5월 3일 버전이 최신이며, SP1이 2008년 3월 6일날 소개되었습니다.)

Expression Blend

Expression Blend 다운 받기

요약
배포상태 정식 버전
지원기술 WPF (3.0)
지원상태 정식 배포


Expression Blend 2 Beta

Expression Blend의 다음 버전으로 WPF만 특화되어 있던 Expression Blend에 실버라이트(1.0, 1.1)를 개발할 수 있게 발전한 제품입니다. 지속적인 버전업에 이어 강력한 새로운 기능들이 추가되어 2008년 2월에 베타 버전(Expression Studio 2)으로 발표되었습니다. 2008년 7월 1일전까지 무제한으로 사용하실 수 있습니다.

Expression Blend 2

Expression Blend 2 다운 받기

요약
배포상태 베타 버전
지원기술 WPF (3.0, 3.5), Silverlight 1.0
지원상태 테스트용


Expression Blend 2.5 March 2008 Preview

MIX08 행사에서 소개된 실버라이트 2 베타 1 기반이나 그 이후의 실버라이트 버전에 대한 작업을 지원하는 제품입니다. Expression Blend 2가 Expression Blend의 미래 버전이라면 Expression Blend 2.5는 Expression Blend 2의 차기 버전으로 생각하시면 더 이해가 빠르실 것 같습니다.

Expression Blend 2.5

Expression Blend 2.5 다운 받기

요약
배포상태 프리뷰 버전
지원기술 Silverlight 2 Beta 1
지원상태 테스트용


뭐 별 내용도 없지만 우선은 한번쯤 블랜드의 가계도를 조사해 볼 필요가 있는듯해서 정리해 보았습니다.
각각에 대한 조금 더 자세한 내용은 빠른 시간안에 정리해서 올리겠습니다.
(댓글은 필수, 짱돌은 사절)


====================================================================================================

※ 엄친아, 엄친딸
 - "엄마 친구 아들, 엄마 친구 딸"이라는 말의 약자로 어머니들이 가끔씩 여러분들과 비교 대상으로 삼는 존재.
ex) "엄마 친구 아들은 맨날 전교 1등인데도 하루 4시간만 자고 공부를 하는데 너는 이게 뭐니"

※ 사족 : Expression Blend가 왜 '그(He)'인가??
  - 우리 죄민수 행님의 대사가 생각납니다.
    "아무 이유없어"
 그냥 제 개인적인 생각으로 Expression Design과 Expression Blend는 둘이 서로 호흡을 같이하며 알콩달콩 사랑을 므흣해야 Xaml이라는 태명의 결과물이 예쁘게 나올것 같은데 Expression Design는 꽃단장이라는 단어가 어울리는 새색시 같은 느낌이고, Expression Blend는 이것저것 닥치는 대로 그것도 성격이 있어서 자기가 할 줄 아는것만 하는 고집불통 머슴아 같은 느낌이라 이렇게 정했습니다.
개인적인 느낌에 태클을 거시는 당신은 박명수~

Posted by UXPRO

Microsoft Expression Blend Free Trial

아래에 설명이 있습니다.

우리는 Microsoft® Expression Blend 테스트판을 제공할 수 있어서 기쁩니다. 모든 기능을 다 제공하는 이 버전은 설치 후 60일 사용이라는 제한이 있습니다. 이 테스트판은 박스에 기재된 제품키를 입력함으로써 여러분이 받으신 얻으신(구매하신) 제품의 잠금을 풀고 사용하실 수 있습니다.

Expression Blend를 인스톨 하신 후에 Expression Blend Service Pack 1 (SP1)를 설치하세요. 만약 여러분이 일반적인 테스트판 익스프레션 블랜드를 사용하고 있다면 꼭 Service Pack 1을 다운로드하고 설치한 한 후에 계속해서 사용하세요.Microsoft Expression Web 만약 여러분이 Expression Blend를 구매했다면 여러분의 Expression Blend을 업데이트 시킬 수 있는 Service Pack 1을 다운로드 하고 설치하세요. 더 많은 정보를 보고 싶으시면, Description of Microsoft Expression Blend Service Pack 1을 참고하세요. 업데이트된 도움말 문서는 이미 Expression Blend Service Pack 1에 대한 내용도 포함하고 있습니다. 업데이트된 도움말 문서를 설치하고 싶으시면 Microsoft Download Center에서 Expression Blend Service Pack 1 User Guide를 보고 그 설명에 따르세요.  

상세한 설치 설명을 원하시면, 여러분의 운영체제를 골라주세요.:

여러분은 이 테스트판을 다운로드 하기 위해 Windows Live ID를 가지고 있어야 합니다. 만약 여러분이 Windows Live ID를 가지고 있지 않다면, 테스트판 소프트웨어를 다운로드 하기전에 Windows Live를 방문해서 ID를 만드세요.

Windows Vista™
Windows Vista™

  1. Expression Blend (25.5 MB)를 다운로드하고 설치하세요. 
  2. [권장] 다운로드후 설치 Expression Blend Service Pack 1 (782 KB).
  3. [선택] 다운로드후 설치 updated User Guides.

Windows XP 

Windows XP

  1. NET Framework 3.0 (50 MB 이상)를 설치하세요.* Expression Blend를 설치하기 전에 제일 먼저 할 일. 
  2. Expression Blend (25.5 MB)를 다운로드하고 설치하세요.
  3. [권장] 다운로드후 설치 Expression Blend Service Pack 1 (782 KB).
  4. [선택] 다운로드후 설치 updated User Guides.

* 추가적인 .NET Framework 구성요소를 요구 할 수도 있습니다.

Expression Blend에 대한 어떤 기술적인 이슈도 보고함으로써 Blend의 개선에 참여하시기 바랍니다. 좀 더Expression Blend에 대한 정보를 얻고 싶으시면, Expression 팀 블로그에 방문하시기 바랍니다.

.NET Framework 3.0에 대한 정보 및 프로그래밍에 대해서 정보를 원하시면, Windows Software Development Kit.NET Framework 3.0 Development 섹션을 보시기 바랍니다. books 페이지에서 3번째 파트인 Windows Presentation Framework (WPF)관련 책들을 참고하시기 바랍니다.

Posted by UXPRO
Expression Web
익스프레션 웹 => 표현(하는) 웹 => 웹을 표현한다.

지난 글에서 Expression Web위지웍(WYSIWYG) 기능웹페이지 개발툴이라고 말씀드렸습니다.
간단히 말씀드리면 기존부터 알고 계시던 HTML에디터라고 말씀드릴 수 있습니다.

HTML에디터(HTML 편집기)라는것에 대해 설명드리자면, 원래 Web은 텍스트 기반에서 부터 시작하였고, 이 텍스트를 좀더 이쁘게 꾸미기 위해
또는 하나의 규약을 정하기 위해서 HTML(HyperText Markup Language)이라는 언어가 나왔습니다.

메모장이나 MS Word에서도 HTML 태그를 쓰거나 수정 할 수 있지만 보다 전문적인 HTML툴이 필요하게 된 건 당연지사구요.
그래서 HTML문서를 만드는 전문적인 툴이 HTML에디터입니다.

기존에 나와 있던 HTML에디터로는 국내 사용자에게 유명한 나모 웹에디터가 있고, 외국에서 나온 제품으로는 Adobe사의 Dreamweaver와 Microsoft사의 FrontPage 등이 있습니다.

간단히 뭐냐? 너는 말이 너무 꼬여서 모르겠다. 이러신 분들은...
 
 "홈페이지 만드는 소프트웨어"입니다.

눈치 있으신 분들은 살짝 아셧는지 모르겠지만 MS에 기존에 FrontPage라는 HTML툴이 있었다면서 굳이 새로운 홈페이지툴을 만들 필요가 있을까???

네. 그래서 Expression Web은 FrontPage의 다음 버전으로 불립니다.

FrontPage Versions and Timeline
역대 FrontPage의 버전별 변화를 볼 수 있는 페이지입니다.

Expression Web은 웹 표준에 기반한 사이트를 제작할 수 있고 WYSWYG(보는 그대로 결과물에 나온다는 말) 기능을 이용하여 쉽고 빠르게 작업할 수 있을 뿐만 아니라, Microsoft Visual Studio 호환성과 ASP.NET 2.0 지원을 통해 강력한 디자인 기능과 개발 기능의 결합까지 지원합니다.
Posted by UXPRO
Expression Studio2007.11.28 13:38

Microsoft Expression Studio 공식 사이트

Microsoft Expression Studio 한국 사이트

Microsoft에서 Expression Studio라는 디자인 개발 툴을 내어 놓았습니다.

디자인툴? 그거 Adobe사에서 이미 다 만들었잖아.

간단히 말씀드리면 “Expressio Studio는 MS에서 차세대 개발에 어울리는 레이아웃을 제공하기 위해 지원하는 툴이다“라는 정도로 요약할 수 있겠습니다.

무엇이 차세대 개발이냐고 물으신다면 OS로 봤을때 XP까지의 UI를 넘어서 VISTA의 레이아웃이나 에어로 같은 기능을 구현할 수 있게 하는 개발, 더불어 .Net Framework 3.0의 WPF를 활용할 수 있는 개발이라고 말씀드리겠습니다.

VISTA Aero
<비스타 에어로 화면>

그럼, 그런 툴을 만들어서 제공하는 MS에서는 어떻게 설명을 하고 있는지 MS의 자료를 잠깐 적어보면

Microsoft Expression Studio가 새로운 창조의 세계를 열어드립니다.
Expression의 전문적인 설계 도구와 혁신적인 기술을 통해 상상 속의 디자인이 현실이 됩니다.
웹 표준 기반 사이트, 기능이 풍부한 데스크톱 응용 프로그램, 디지털 자산 작업 등, 모든 작업에서 직접 경험해 보세요.

Expression Studio에 포함되는 제품
Microsoft Expression Web
Microsoft Expression Blend
Microsoft Expression Design
Microsoft Expression Media

Microsoft Visual Studio 2005 Standard Edition














 

위에 소개된 제품들은 실제 판매되고 있는 Expression Studio 패키지의 구성 제품이고, 나중에 추가적으로 나온 제품인 Expression Blend2와 Expression Encoder 등이 더 있습니다.

각 제품에 대해 여기서는 간단히 정리해 보고 나중에 각각의 제품에 대해 더 상세히 알아보는 시간을 가져보겠습니다.

(이미 Microsoft에서 만든 제품이라고 설명을 했으니 회사이름은 빼겠습니다.)

Expression Web : 위지웍(WYSIWYG) 기능의 웹페이지 개발툴
Expression Blend : 애니메이션 작업 툴
Expression Design : 이미지 작업 툴, 드로잉 툴
Expression Media : 동영상 관리 툴
Expression Encoder : 동영상 편집 툴

아~! 난 하나도 모르겠다. 싶으신 분들은 아래의 글을 읽어보시기 바랍니다.

Expression Design로 그림을 그려서(포토샵) Expression Blend로 움직이는 그림처럼 만들고(플래쉬), 홈페이지에 올리기 위해 Expression Web으로 HTML 파일을 만들었다.(드림위버, 나모 등)

홈페이지 인사말에 동영상을 올리기 위해 내 동영상들(Expression Media) 중에서 하나를 골라 코덱을 써서 동영상을 압축하고 편집(Expression Encoder)을 해서 Expression Web로 ASP 파일을 만들었다.

시작부터 유치하게 정리가 된것 같은데 시작이 미약할 수록 더욱 더 나아지는 강좌가 되도록 노력하겠습니다.

Posted by UXPRO