본문 바로가기

진희쩜넷

[웹공부기초] 골격을 만들기 위한 기본 선택자들 개발도 개발 영역에 따라 쪼개면 쪼갤 수록 관리하기 쉽다고 얘기를 하듯 디자인도 분업을 할 수록 훨씬 보기 좋다. (하지만 나는 좀 다양하게 해보고 싶을 뿐) 어쨌거나 웹표준의 준수했다고 할 만한 것은 구조(structure)와 표현(Experience) 동작(Behavior)으로 나뉘어야 된다고 한다. div와 CSS로 구조와 표현을 나누었다면 표현 격인 CSS도 스케일이 클 수록 분리 시키는 것이 권장된다. (1) CSS도 분업화할 수 있도록 만들어라 (큰 스케일 일때) Base.css - 기본 html 태그를 정의한다 (html/body/table/div등의) common.css - 공통 스타일 (a:linked/a:hover/a:actived 등의) layout.css - 특정 레이아웃의 태그를 .. 더보기
[웹공부기초] 웹표준 div와 CSS 살펴보기 웹에 관련된 회사에 다녔을 때 막무가내로 배웠던 HTML의 Table 기술을 탈피하기 위해 웹 표준화를 익히는 포스트를 하고자 합니다. (1) 원인 : 왜 Table을 사용하지 않고, div+css로 하는가? 링크 따라가기 : 레이아웃과 스타일을 따로 분류해서 보기 편하고 유지하기 쉽도록 제작하기 위해서 : 퍼포먼스에서 table보다 훨씬 빠르며, 값싸다 (외국에서는 바이트로 값을 낸다나) div : division - 구역, 구분, 분할 / div로 집의 골조를 만든다 CSS : 스타일 시트 / div로 만든 집에 색을 입히고 가구를 들여놓는다. (2) 스타일 지정방식 : CSS을 div에 첨부하는 방식 (작은범위에서 큰범위순으로) 1. 직접 스타일 지정하는 inline Style방식 - 이건 혼자만 .. 더보기
[Expression Blend Exhibition] 블판 전시가 마무리 되었습니다. 지난 10월 30일에 진행된 [Blpan] 행사가 마무리 되었습니다. 첫 회라 시행착오가 있었고 애초에 생각했던 규모와 준비기간 등이 변경이 되었지만 그래도 첫 발을 내 딛는 것이 제일 힘든 일인데 잘 끝낼 수 있었습니다. 총 8팀이 참여를 하였는데요, 각각 참신한 아이디어로 이루어져 있습니다. 특히 동적으로 사용자가 참여하는 작품들이 많아서 재미있었습니다. 위의 화면자료는 전시 준비에 총 관리를 해주신 양승철님이 준비해 주셨어요. 전시작품의 엽서들을 앞에 모아놨어요 준비가 약간 덜 된 전시회를 위해 기다려주시는 분들 감사감사! 1. 욕망이란 이름의 나무 - 사용자가 센서가 달린 막대를 가지고 나무에 달린 돈을 따는 참여 방식의 게임이었습니다. 막대를 흔드는 만큼 돈을 따는데, 돈을 얼마나 땄는지에 대한.. 더보기
[Expression Blend Exhibition] 익스프레션 블랜드로 판을 벌여보자! 블판 전시회 마이크로소프트사에서 디자인 툴로 출시한 프로그램인 익스프레션 블랜드를 사용하는 디자이너와 개발자가 모여 조그만 전시회 및 발표를 드디어 10월 30일에 하게 되었습니다. 사진 한가운데에 제일 쬐그만 저도 개발자와 함께 작품을 내게 되었습니다. 가벼운 마음으로 구경오세요 신청은 http://onoffmix.com/rsvp/1951 에서 받습니다, 많은 관심 가져주세요~_~ 더보기
[Window Phone 7] 윈도우폰7 개발 환경 만들기 안녕하세요? 정진희입니다. 오랫만에 찾아뵙게 되었네요 며칠 전 바로! MS의 스티브 발머 사장이 윈폰7을 발표 하게 되었는데요. 국내의 모바일 시장이나 언론에서도 대서특필 할 만큼 많은 관심을 보이고 있습니다. (어떤분은 제국의 역습이라고 하시는 분도 계시네요 ㅎㅎㅎ) 어쨌거나 오늘 쓸 강좌는 한단계부터 천천히, 개발 환경 만들기 부터 시작하도록 하겠습니다. (너무 쉽죠?) 0단계)윈폰7을 개발하기 위한 첫번째 자세 운영체제 : Window Vista SP2 와 Window 7 이상 1단계) 개발자는 다음 프로그램을 설치하세요 개발 프로그램 : -visual Studioo 2010 Express / Windows Phone Emulator / Silverlight XNA Game Studio 4.0 / .. 더보기
Expression Blend 및 Silverlight, WP7에 대한 추천 링크 안녕하세요? 오랫만에 포스팅을 하게 되었습니다. 요새 윈도우 폰과 익스프레션 블랜드, 실버라이트에 도움이 될만 한 링크들을 정리할 겸 모아보았습니다. 국내 웹 사이트 (가나다 순) (1) Evangelist http://blogs.msdn.com/b/jinhoseo/ 서진호의 윈도우폰7의 이야기 (Window Phone 7) http://youngwook.com/ 영욱닷컴 (Window7, WPF) http://www.uxfactory.com/ UX factory (UX) (2) Personal blog - Expression Blend http://atdawn.tistory.com/ 도온 (Expression Blend)) http://ruhyun.tistory.com/ 루현 (Expression Bl.. 더보기
[SketchFlow] Expression Blend 4에서 목업 컨트롤 설치 추가하기 안녕하세요, 정진희입니다. 이번시간에는 스케치플로우에 대해서 간단한 팁을 드리고자 합니다. 제가 블랜드 4를 새로 설치하고 나서 제일 먼저 찾아 본 것은 스케치플로우의 목업 컨트롤 들입니다. 그런데 블랜드 4를 설치하고 나니 이 컨트롤들이 Asset패널에서 보이지 않는 경우가 있습니다. 런타임 및 디자인타임 시에는 안 보이는데요. 간단하게 DLL파일 및 필요파일들을 복사하여 상단에 Asset에 보이도록 할 수 있습니다. 1) 블랜드를 오픈합니다. 그러면 Welcome Screen이 나타나는데요. 여기서 Sample > MockupDemonstration에서 가져오도록 하는데요. 이 샘플 폴더의 DLL 위치는 대부분 유저컴퓨터 내에서 하단의 수순을 밟고 있습니다. Documents > Expression .. 더보기
[Expression Studio 4] 드디어 Expression Studio 4가 런치되었습니다. 60일 Trial Version은 여기서 받으실 수 있습니다. 이번에는 버전이 Ultimate와 Web Professional로 나뉘어서 출시 되었네요. 블랜드 쓰시는 분들은 그냥 Ultimate 쓰시면 됩니다. http://www.microsoft.com/expression/try-it/ 아이폰4G가 공개되면서 트위터는 지금 타임라인이 반 폭파된 상태인데요. MS Expression은 그에 비해 아주 조용히 지나가고 있네요 (뭔가 안습) 새로운 기능들은 워낙에 많이 얘기가 되었으니 간단하게 짚고만 넘어가겠습니다. 1) Publish To SharePoint with SketchFlow (Expression Studio Ultimate Only) - 익스프레션 블랜드 내의 스케치플로우가 4로 업그레이드 .. 더보기
[Sketchflow] Remix10에서 발표한 스케치플로우 자료입니다. 6월 1일 리믹스10에서 스케치플로우 섹션 발표 자료 올려드립니다. 오늘 국수를 많이 먹었던 하루입니다 (말아먹었죠!) 긴장을 많이해서 그런지 아쉬운 마음이 가득~합니다. 데모를 몇개 보여드렸었는데요. 이 데모는 저번 3,4,5월에 있었던 [블랜드 스터디]에서 작업했었던 내용들입니다. (긴장했던지라 얘기 안하고 넘어갔었네요) 스터디로 도움 주셨던 분들에게 현장에서 말씀은 못드렸지만 이렇게 거리낌없이 공유를 허락해주셔서 감사합니다! 스케치플로우 기획부터 ~ 완성 단계까지 아래의 링크에서 차례로 보실 수 있습니다. http://blog.jinhee.net/127 - 스케치플로우로 기획한 단계 http://blog.jinhee.net/128 - 블랜드로 레이아웃을 러프하게 잡은 단계 http://blog.ji.. 더보기
[Expression Blend 4] Expression Studio 4가 6/7일에 런치됩니다. 익스프레션 스튜디오 4가 6/7일에 런치된다는 소식입니다. 이게 미국시간이니 아마 우리나라는 6/8일에 열릴 듯 하네요 - 익스프레션 스튜디오 4가 런치된다는 말은 당연히! Expression Blend 4가 런치된다는 말이지요! 기대됩니다! Adam Kinney(Microsoft Expression Studio and Silverlight Evangelist) 블로그 내용 (펌질) Expression Studio 4 will launch at the Internet Week conference in New York City on June 7th! Bill Buxton will be there as our featured guest speaker and many of your other favorite .. 더보기

티스토리툴바