자신에 대한 고찰

다음 내용은 지난 번에 만든 로고에 컬러와 효과를 주는 내용입니다. 화면에 나와있는 개체들은 Layer에서도 확인가능하다시피 각각 따로 나눠진 개체입니다. 그중 가장자리에 있는 두개의 날개의 색깔을 같이 바꾸려면 shift로 선택해서 properties의 색상을 바꿔주면 되지요. Stroke도 같이 바꿔주면 됩니다. 재미있는건 개체가 선택되어 있는 상태에서 shift+x를 누르게 되면 색상이 뒤바뀌게 됩니다. 이 상태에서 d 키를 누르면 다시 원래대로 돌아옵니다. 즉 default 상태로 돌아오게 되는 것이지요. 다음으로 해볼 것은 내부 원의 배경을 정하는 것인데 일단 내부 원을 잡은 다음 역시 색상파트를 보면 화살표가 있습니다. 그걸 펼치면 다음과 같은 창이 뜹니다. 여기서 다양한 질감을 고를 수 있게..

이번 시간에 다뤄볼 내용은 지난 포스트에서 언급했던 블랜드와 달리 전문적인 그래픽 처리 툴인 디자인에 관해서 언급해보고자 합니다. 단순하게 블랜드를 이용하면 기존의 Visual Studio보다는 화려하게 꾸밀 수 있지만 블랜드만 가지고는 당연히 앱을 만들 수 없습니다. 분명 그것을 구성할 개체가 필요한 것이고 사람들은 이 개체를 만들기 위해서 포토샵이나 일러스트레이트를 사용하는 거죠. 어떻게보면 Expression Design도 이런 툴 중 하나로 보시면 됩니다. 그래서 이번 포스트에선 블랜드에서 쓸 개체를 만드는 것이 주 목적이 될 것입니다. 물론 내용이 간단합니다. 그리고 형식이 포토샵과 유사하기 때문에 헷갈릴것 같지 않네요. 아무튼 자세한 건 동영상을 참고하시면 되고 지금 동영상은 Expressio..

이 분이 SketchFlow 강좌를 하신 분인데 오래전부터 Expression Blend에 대한 강의를 해오셨더군요. 사실 원래 있던 곳의 동영상 링크가 깨져있어서 이번 기회에 제 블로그에 다시 포스팅을 해보고자 합니다. 물론 이 동영상은 Expression Blend 2를 기반으로 되어 있지만 Expression Blend 4에서도 쓸 수 있을만한 자료라 여겨지네요. 사실 xaml은 Extensible Application Markup Language 의 약자로서 MS에서 만든 언어입니다. 실버라이트와 WPF에 대응해서 뭔가 시각적으로 표현하는데 있어서 도움을 주는 걸로 간단히 아실 수 있습니다. 제가 블로그에서 다루는 거의 모든 파트( 윈도우폰, 키넥트, 윈도우8, 블랜드..) 에서는 이 xaml이란..

MS에서 MS 제품군에 대한 지식이 해박한 일반인을 대상으로 MVP라는 타이틀을 주고 있습니다. 이책을 쓰신 찰스 페졸드씨도 MVP 입니다. 제가 이분 책을 처음 본게 바로 Windows phone 부분에서 쓰신 Programming Windows phone 7 입니다. 이분이 쓰신 특징은 딱 한가지입니다. 정해진 규격이 없다는 겁니다. 독자가 직접 책을 따라서 작성해보는 것을 추구하고 그렇게 때문에 다른 책들처럼 목차가 완벽하게 나눠지지 않습니다. 물론 사람들마다 호불호가 달라질 수도 있겠지만 저는 개인적으로 이분이 쓰신 책은 재미가 있어서 좋습니다. 저도 직접 따라해보면서 느낀 글들을 블로그에 포스팅하면서 많은 걸 배워나가는 것 같습니다. 아무튼 이분이 Windows 8 발매를 앞두고 개발서적을 쓰셨..

이번에 다룰 내용은 아주 기초적이지만 사용자가 준값을 토대로 LED를 제어하는 것에 대해서 언급해보도록 하겠습니다. 일단은 다음과 같이 회로를 구성해줍니다. 잘 안보이실수도 있겠지만 digital Input 13번 핀에 LED의 +단자를 연결하고 -단자는 gnd에 연결했습니다. 무척 쉬운 회로입니다. 당연히 코드상에서 LED를 제어하기 위해서는 13번핀을 LED의 output으로 선언해줘야 합니다. 이부분에 대한 정의는 setup에서 이러집니다. 물론 포스트에서 계속 나오는 것처럼 baudrate의 설정도 같이 진행되어야 합니다. (참 blinkRate입니다. 오타났네요) 그리고 loop함수에서 다음과 같이 구성해줍니다. 참고로 우리가 하려는 것은 아두이노가 사용자로부터 문자열을 입력받아서 그 값의 조건..

프로세싱을 찾아보고 오신분은 아시겠지만 프로세싱이란 툴은 2001년 MIT의 Ben Fry에 의해서 만들어진 디자인 툴입니다. 그런데 재미있는 것은 이게 단순한 디자인 툴이 아니라 모든 구성이 코드로 이뤄진다는 것이지요. 물론 Expression Blend처럼 수작업으로 그리는게 아니라 모든 도형이 숫자와 문자로 구성된다는 겁니다. 어디서 많이 본 UI라고 했더니 Arduino의 UI와 매우 유사합니다. 무슨 연유에선지는 모르겠지만 색깔이 다르기만 할뿐 거의 뭐든게 비슷해보입니다. 비공식적으로 지금 이렇게 펼쳐진 화면을 스케치북이라고 합니다. 그냥 그린다는 의미를 나타내는 것이겠지요. 간단한 예제를 통해서 함수를 소개해보고자 합니다. 우선 그냥 눈앞에 도화지가 있다고 생각합니다. 그럼 맨 먼저 해야 할 ..

그냥 닥치는대로 뭐좀 해보려고 합니다. 이번 포스트에서 다룰 내용은 아두이노를 이용한 문법 공부중 개체변환에 대해서 언급해보고자 합니다. 물론 저도 초보자인 만큼 최대한 쉽게 나아가려고 합니다. 보통 개체변환이라고 하면 어떤게 있을까요? C에는 대표적인 함수가 atoi()가 있습니다. 뭐 종류에 따라서는 itoa()도 있고 어떤거는 ltoa() 함수도 있습니다. 그런데 이게 뭘 의미하는 걸까요? 컴퓨터는 사실 문자를 못 읽습니다. 우리가 지금 타자를 치고 있는 모든 문자... 이건 숫자가 어떠한 변환과정을 거쳐서 문자로 보여지고 있는 것일 뿐입니다. 문자각각에 해당하는 코드가 읽고 컴퓨터는 그 코드를 문자로 변환해서 우리가 보고 있는 겁니다. 이 코드가 바로 ASCII 코드이며 지금 위에 나오는 a에 해..

2012/03/19 - [About WP7] - [WP7 개발 기초] ScrollViewer 오랜만에 WP7 관련 포스팅을 합니다. 물론 잡지에 기고하는 것으로 간단한 WP7에 대한 이야기를 했었지만, 다시 공부해볼 필요성을 느끼고 조금씩 나아가렵니다. 지난 포스트에서는 단순히 xaml코드상에 자신이 원하는 문구를 삽입해서 scrollViewer로 내용을 확인할 수 있는 것을 시연했습니다. 이번에는 xaml은 쓰지 않고 cs상에서 문구를 받아와서 표현하는 것을 구현해보고자 합니다. 우선 평상시에 하던 것처럼 윈도우폰 프로젝트를 생성합니다. 이번 프로젝트의 이름은 PublicClasses입니다. 물론 단순한 폰 화면이 디자인뷰를 나타나겠지만 이번에는 xaml상에서 개체를 삽입할 것이 아니라 외부의 어셈블리..

사실 요 근래에 간단한 Windows 8용 앱을 만들었습니다. 제가 취미시간에 주로 공부하는 것이 Kinect에 관한 내용이었으니까 해외에서 Kinect에 관한 내용을 가장 많이 다루는 사이트에 대한 RSS reader기를 만들었습니다. 물론 RSS Reader기에 대한 예제는 Windows 8 개발자 홈페이지에 예시로 나와있습니다만... 몇개 사이트는 그 예제로는 RSS를 받을 수가 없더군요. 그래서 구글링을 열심히 해서 그 예외되는 사이트에 대해서도 RSS를 받을 수 있게끔 했습니다. 그 결과가 위처럼 나타나고 있습니다. 재미있는 건 Content를 받을 때 html 태그도 같이 딸려서 넘어오더군요.. 이 부분은 점차적으로 수정해나가야 할 부분인 것 같습니다. 아무튼 이번 포스팅에서 다뤄볼 내용은 W..

지난 포스팅에서도 누차 강조를 했지만 키넥트는 단순히 이미지를 받아오고 내부에서 처리해서 컴퓨터에 보내주는 역할을 합니다. 그 정보를 pixelData에 담아서 넘겨주는 식으로 동작하고, 여기에 들어있는 정보를 어떻게 처리하냐에 따라서 색상을 마음대로 처리할 수 있었습니다. 이렇게 나오는 ColorStream을 이미지 파일로 바꿀 수 있을까요? 방법은 PngBitmapEncoder나 JpegBitmapEncoder를 사용하면 됩니다. 이 프로젝트를 한번 같이 따라가고자 합니다. 우선 맨처음 ColorStream관련 포스트에서 다뤄던 프로젝트를 계속 이어서 하겠습니다. 자 우선 xaml상에서는 우리의 상을 보여줄 이미지와 사진을 찍을 때를 표현할 버튼이 필요합니다. 그래서 다음과 같이 표현해줍니다. 그러면..

까먹기 전에 하나 올립니다. 우연치않게 구글링하다가 찾은 사이트가 바로 이 FireFly Experiment 입니다. 불나방 실험이라.. 뭔가 특이한 실험입니다. 사실 이 사이트는 Rhino3D 라는 CAD용 툴에 아두이노를 연결시키는 plug-in을 제공하고 있습니다. 그런데 더욱 놀라운 것은 Kinect와 연결한 플러그인도 제공하고 있습니다. 다음이 Kinect와 아두이노 그리고 Rhino3D를 이용한 예시입니다. 이거보니까 갑자기 땡기네요.. 아무튼 외국에서는 이런식으로 다양한 소프트웨어끼리 융합시켜서 개발하는 방식이 많이 발전하고 있고, 굳이 개발자에 한정되어 있는것이 아니라 인터렉션을 연구하는 디자이너가 사용하는 빈도가 더 높다고 합니다. 아무튼 참고하셨으면 좋겠네요.

지난 포스팅에서는 Color Stream을 내보내는 것을 언급했습니다. 하지만 이 부분은 SDK를 설치하면 내장되어있는 Kinect Explorer를 유심히 보기만 해도 그 원리를 알 수 있는 내용들이었습니다. 하지만 분명 키넥트를 활용하려는 사람들이라면 뭔가의 변화가 필요하다는 것을 느끼실 겁니다. 그래서 이번 포스팅에서 다뤄볼 내용은 바로 ColorStream에 색상을 입히는 것입니다. 자 지난 시간에 다뤘던 ColorFrameReady 부분을 한번 다시 볼까요? 여기서 색을 조절하기 위해서는 중간에 있는 PixelData를 건드려야 됩니다. 사실 Kinect로부터 컴퓨터에 전달되는 ColorStream, 즉 여기서는 ImageParam 라고 정의했었지요. 이 Stream이 들어가는 것은 CopyPi..

매일 복잡한 것만 하다가 한번쯤은 되돌아봐야 할 듯해서 아주 기초적인 내용부터 다시 다루고자 합니다. 맨처음으로 다룰 내용은 바로 ColorImageStream입니다. 키넥트에는 IR 카메라와 일반 카메라 이렇게 두개가 있습니다. 보통 IR라고 하면 InfraRed, 즉 적외선인데 IR 카메라는 이를 감지하는 카메라지요. 여러분들도 아시겠지만 빛은 직사광선입니다. 앞에 장애물이 있지 않는 한 직선으로 쭉 뻗는 Ray 입니다. 그런데 우리가 사물의 색과 거리를 인지할 수 있는 이유는 가시광선이 사물에 부딪치고 우리 눈으로 반사되기 때문입니다. 사실 IR 카메라의 원리도 똑같은 겁니다. 적외선이 사물에 부딪치면 다시 카메라쪽으로 반사할 것이고 그때의 시간을 계산해서 사물간의 거리를 인지할 수 있는 겁니다. ..

막상 매트로 스타일 앱을 개발하라고 하면 정말 막막합니다. 각 아이콘 별 유기성도 고려해야 하고, 전에는 전혀 고려하지 않았던 Typography도 신경써줘야 합니다. 오늘 소개해드릴 프로그램은 Syncfusion Metro Studio 1 인데 Metro Style에 맞는 아이콘을 이용할 수 있는 프로그램입니다. 물론 용도에 맞게 커스터마이징도 가능합니다. 또 이렇게 아이콘을 xaml 코드형식으로 바꿔주기도 합니다. 이런 아이콘을 이용하면 AppBar에 들어갈 아이콘에 대한 걱정은 필요없을 듯합니다. 지금은 프로모션 기간이라 간단한 정보만 입력하면 무료로 다운로드 받을 수 있고 메일로 Activation Key가 날라옵니다. 그걸로 등록하시면 좋을 거 같네요. http://www.syncfusion.c..

이번 포스팅에서 다뤄볼 내용은 Windows 8의 내장된 컨트롤인 ProgressRing과 ProgressBar를 사용하는 방법에 대해서 언급해보겠습니다. 기본 프로젝트는 지난 포스팅에서 다뤘던 내용을 그대로 이어서 가보겠습니다. 사실 ProgressRing은 사용이 매우 쉽습니다. 그냥 IsActive 속성만 조절해주면 되지요. 기존 프로젝트의 경우에는 기본은 IsActive가 false로 설정되어 있다가 Search가 시작되면 Active가 true가 되도록 바꿔주면 됩니다. 그 후에 Search가 끝나면 다시 false로 바꿔주는게 답니다. 자 한번 해보겠습니다. 일단 검색도구 옆에다가 ProgressRing을 답니다. 이전 포스팅에서 Button 에 대한 이벤트, btnSearch_Clicked를..