자신에 대한 고찰

WP7 포스팅시에도 SketchFlow를 말했었지만 개발자한테 가장 중요한 건 결과물을 만드는 것이고, 그에 첫발을 내 딛는 것이 바로 프로토타입을 만드는 것이겠지요. 아두이노는 그 프로토 타입을 만드는 가장 기초적인 방법 중 하나입니다.더구나 윈도, 리눅스, 맥을 지원하는 멀티 플렛폼 환경이기에 전에 말했던 것처럼 범용성과 확장성이 크다는게 특징이지요. 또 모든 구성 요소가 오픈 소스이며 그리고 무엇보다도 구성하는 부품들의 가격이 쌉니다.. 이정도로 충분히 말했으니까 이제 윈도상에서 아두이노를 개발하는데 있어서 필요한 점을 언급해봅시다. 이번시간 준비물은 딱하나! 이겁니다.얼핏 보기에는 복잡해 보이지만 각각의 핀 구성이 기판에 적혀있기에 조금만 관심을 가지고 본다면 재미있게 갖고 놀수 있습니다. 참고로..

방학동안의 프로젝트로 아두이노를 다뤄보기로 했습니다. 우선 Devicemart에서 starter kit을 구매하면 구성품이 다음과 같습니다. 구성 내역으로는 와 같은 것들이 있겠네요. 물론 더싼 키트들도 있지만 기왕이면 다양한 걸 해보는게 이번 목적이어서 과감하게 비싼 것을 사봤습니다. 아두이노의 장점이라면 무엇보다도 범용성입니다. 그 어떤 것이든 상상하는 것은 실력만 된다면 구현이 됩니다. 외국에서는 이런게 굉장히 활성화 있다는게 참 부러울 따름입니다. 심지어는 이런 외서도 있습니다. 악마의 천재들을 위한 프로젝트라.. 이름부터 벌써 느낌이 오지 않나요? 저도 실력을 빨리 키워서 다음 책은 이책으로 하고 싶네요. 다양한 프로젝트에 관한 내용은 다음 페이지에서도 볼 수 있습니다. http://hacknm..

실버라이트만 주구장창 하다보니 다른 플렛폼에 대해서도 다뤄봐야 할 것 같습니다. 마침 며칠뒤에 있을 앱 기획전 준비 겸해서 SketchFlow의 사용법에 대해서 하나하나씩 따라가보기로 하겠습니다. 우선 스케치플로우란 제가 봤을때는 완전 기획자를 위한 디자인 툴입니다.위의 그림에서도 언급되어 있지만 앱의 프로토타입을 구현하는데 편리하게 구성되어 있으며, 이를 ppt나 워드로 옮기는 것도 편리하게끔 구현되어 있습니다. 기타 안드로이드나 아이폰과는 다르게 윈도우폰에서 프로토타입을 미리 생성해 봄으로써 기획자도 개발에 친숙하게끔 도와주는 툴이기도 합니다. 공식적으로 이 툴은 Expression Blend Ultimate에서 제공되고 있으며 기존에 보여지는 예제처럼 사용하기 위해서는 따로 툴킷을 설치해야 합니다...

자 그럼 공유 브러시를 효율적으로 사용해봅시다. 일단 목적은 TextBlock을 여러개 삽입하고 각각의 Foreground에 같은 LinearGradientBrush를 적용하기를 원하는 겁니다. 기존에는 각각의 TextBlock에 일일이 설정해줘야 했지만 공유 브러시를 쓴다면 코드의 줄은 급격히 줄어들겁니다. 우선 첫번째 해야 할 일은 App의 구동시 LinearGradientBrush를 미리 정의해놓는 겁니다. 이에 관한 항목은 MainPage.xaml상에 Resource라는 Collection을 만들어서 정의합니다. PhoneApplicationPage내에서 정의되면 됩니다. 저는 맨처음 폰트 정의가 된곳 바로 밑에 이렇게 작성했습니다. 지금 나온중에 x:key라고 정의되어 있는 부분이 있는데 이는 ..

지난 시간에 했던 내용을 계속 이어서 나가겠습니다. 이와 관련된 TextBlock의 속성을 주기 위해서는 다음과 같이 구성했습니다. 멀리서 보면 저 GradientStop을 표현하기 위해서 조금 길게 쓴거 같은 느낌이 듭니다. 그런데 Xaml의 특성상 컬렉션 내에 지금처럼 여러개의 특성이 들어가면 컬렉션에 대한 태그는 삭제해줘도 된답니다. 말로 표현하면 다음과 같이 되는거죠. 그리고 여기서 한 줄 더 줄일 수 있습니다. GradientBrush안에 속에 파생되어있는 클래스라면 따로 태그를 붙일 필요가 없는겁니다. 지난 시간에도 잠깐 언급이 되었지만 GradientBrush안에 Radial 이나 Linear에 관한 클래스가 있고 그안에 또 GradientStops에 관한 클래스가 나와 있는 것을 알 수 있..

이번에 다룰 이야기는 색상에 관한 속성입니다. 다시 기본으로 돌아가서 이번에는 ContentPanel의 배경을 수정해봅시다. 아주 간단하게 위처럼 표현한다던가 지난 시간에 언급했던 속성 엘리먼트 구문을 적용시켜보면 와 같이 쓸 수 있겠습니다. 물론 결과는 ContentPanel의 배경색이 Blue로 나오겠지요. 여기다가 역시 지난 시간에도 나왔던 Foreground를 입혀보겠습니다. 여기서 주목해야 될점이 있다면 바로 Foreground와 Background 입니다. 지금 ContentPanel의 Backgound와 textBlock의 Foreground가 서로 독립적으로 보이는 겁니다. 전전 포스팅에서 FontStyle 속성이 지역인지 전역인지에 따라서 영향이 미친다고 했었는데 그건 같은 속성을 공유할..

물론 지난 포스팅에서 말했던 것처럼 xaml로 표현 할 때는 자세하게는 못해지만 그래도 적어도 출력되는 화면에 대한 정의는 내릴 수 있다고 했습니다. 예를 들면 출력되는 이미지라던가 배경색 폰트 등등이 있겠지요. 우선 폰트 스타일부터 잠시 보겠습니다. xaml 상에서 FontStyle을 써보면 Italic과 Normal 두가지 스타일이 있습니다. Italic은 말그래도 이탈릭체, 즉 폰트가 기울어져서 나옵니다. Normal은 그냥 바로 나옵니다. 이를 전에 쓰던 TextBlock에 적용시켜 봅니다. ContentPanel속 문구가 Italic으로 표현되고 있는게 보이시나요? 신기한 건 이런 FontStyle이 전체 폰트를 결정지을 수도 있게끔 할 수 있다는 겁니다. 마치 워드 파일에서 전체를 선택하고 폰..

지난 번 tombstoning을 하다보니까 저도 더 공부해야 될 부분인 거 같아서 잠시 접어두고 기존의 내용대로 실버라이트에 대한 내용을 따라가고자 합니다. 참 이 그림만 봐도 실버라이트는 편리합니다. 초기에 프로젝트를 실행하면 MainPage.xaml 파일이 딱 뜨고 개발자는 자신이 원하는 기능을 단순히 디자이너 뷰에 삽입만 하면 됩니다. 이에 해당하는 코드는 알아서 다 짜줍니다. 물론 이를 더 특화시킨 걸로 Expression Blend가 있습니다.다양한 에니메이션도 해당 메뉴만 선택하고 녹화 버튼만 눌러주면 알아서 그 기능을 수행해줍니다. 하지만 프로그래머인이상 조금더 코드쪽 측면을 더 훑어봐야 되겠지요. 간단한 TextBlock을 c#으로 구현하는 것부터 보겠습니다. 기존에 이렇게만 하면 딱 화면..

지난 포스팅에선 Tombstoning이 뭔지 잠깐의 예시를 통해서 언급을 해봤는데 실습을 통해서 하나씩 따라가고자 합니다. 이번에 할 프로젝트는 ContentGrid의 색을 바꿔주면서 누른 횟수를 출력하게끔 하는 겁니다. 전반적인 내용은 거의 맨처음에 했던 silverlightSimpleNavigation가 거의 유사합니다. 다만 numTap을 따로 지정해서 누른 회수를 받은 후 그걸 PageTitle의 text로 뿌려주는 것까지 구현된 겁니다. 결과는 다음과 같습니다. 보다시피 창이 넘어가는 과정에서 시작버튼을 누르게 되면 원래의 타일 UI가 나타나게 됩니다. 그와중에 back버튼을 꾹 누르면 현재 떠 있는 어플리케이션들의 상태도 확인할 수 있습니다. 좀 책의 예제와 다른 부분이 있긴 하네요. 책에서는..

새해 들어서 첫번째 포스팅이네요.. 지난 포스팅에서 끝부분에 살짝 언급된 것처럼 데이터는 IsolatedStorage란 개념을 적용해서 자신이 원하는 데이터를 거기다가 저장할 수 있다고 했습니다. 물론 포스팅 중 다뤘던 App.xaml에서 따로 값을 넘겨받는 것과는 별개로 말입니다. IsolatedStorage라는 말은 이름 뜻 그대로 분리된 저장공간입니다.기본적으로 윈폰에서 내장하고 있는 8기가 저장공간 속에는 각각의 어플리케이션이 독립적으로 사용할 수 있는 저장공간이 2기가로 할당되어 있습니다. 이 범위 내에서 어플리케이션끼리 데이터를 공유하면서 사용할 수 있게 됩니다. 실제로는 일반적인 애플리케이션의 설정을 저장하는데 많이 쓰인다고 하네요.. 이 부분에 대한 건 책의 뒷부분에 나오니까 이 저장공간을..