마음의 산책

어제 오늘(2012년 11월 17-18일) 구글 핵페어가 있었습니다. 많은 세션들이 있었는데 18일 세션중에 구글에서 근무하는 UX디자이너분 (Tony Kim)이 진행하신 세션이 기억에 남습니다.  세션을 들으면서 인상적인 내용만 메모차원에서 남겨봅니다. 추후에 비디오가 공개된다고 하니 한번 꼭 들어보세요! [추가 2012/12/10] 발표자 분이 내용정리를 해주셨습니다. 아래 링크에서 확인하세요~ http://uxfactory.com/921 [추가] 프리젠테이션 파일이 공개되었습니다. https://docs.google.com/file/d/0ByZGJ926FVmTeXZpbmZWS1Z0VEU 구글은 엔지니어의 천국, 아시아 ux 직군 직원수가 1자리수!! 디자이너가 참여하는 프로젝트를 럭셔리 프로젝트 라고 부를 정도로 디자이너가 참여하지 않는 프로젝트가 많다. 구글이 실패한 플젝들을 보면 buzz, answers, dodgeball, wave, google x, notebook 등등등.. 이중 Wave를 보면 기능은 정말 많았다. 그래서 사용자들이 이걸 어떻게 활용해야할지 혼란스러워했다. 너무 많은 feature를 가진 앱은 실패하기 쉽다. 그럼 과연 좋은 앱이란? 제대로된 1개의 기능만 제공하는 것! 10가지의 구글 디자인 원칙 1. Useful 2. Fast :milisecond 단위의 가이드를 가지고 있다. 버튼 응답속도는 얼마 안에.. 3. Simple 4. Engaging 5. Innovate 6. Universal 7. Profitable 8. Beautiful 9. Trustworthy 10. Pesonable ; Add a human touch. Cafe studies : 구글 방문자들에게 테스트 Lab  Field : 실 환경에서 테스트(가정방문) AB테스트 : log d...

9월 17일 저녁 안드로이드 개발자 간담회가 구글코리아에서 있었습니다. 이 간담회에는 아시아지역의 안드로이드 Developer Advocate들이 국내의 안드로이드 개발자들을 대상으로 여러 주제에 관해 세션을 진행했습니다. 그 중 Definitive Android Design 세션의 내용을 좀 자세히 정리해봅니다. Definitive Android Design 이 세션은 안드로이드의 다양한 화면 구성에 대응하는 방법에 대한 전반적인 기술정보를 공유하는 자리였습니다. 이미 많은 내용들이 안드로이드 디자인가이드 문서 에 공개되어 있고 커뮤니티에 의해 한글화된 문서  도 있어 많은 분들이 알고 계신 내용이지만 총정리를 해주더군요! 안드로이드 개발자들은 꼭 공부하고 기억해야할 내용입니다. Devices and Displays 안드로이드는 이제 많은 기기에서 사용됩니다. 그 기기들은 매우 다양한 화면 크기와 형태를 가지고 있습니다. 각각의 단말에 일일히 대응하는것은 매우 어려운 일이 되겠지만 안드로이드 프래임웍에서는 이를 쉽게 만들어주는 많은 기능을 이미 가지고 있습니다.  DIP(device independent pixel)를 사용하자. 초기에 안드로이드 개발되는 앱들이 dp단위 대산 px단위를 사용해 다양한 단말화면에서 화면이 엉망으로 표시되는 경우가 종종 있었습니다. dp단위를 사용하면 다양한 단말에서 동일한 크기의 버튼, 이미지를 기대할 수 있습니다. 아래 그림은 각각의 dpi 에서 Baseline안에 표시되기에 필요한 이미지의 크기를 나타내 주고 있습니다.  안드로이드 프래임웍에서는 특정 dpi의 이미지가 다른 dpi 단말에서 보여지게 되는 경우 이미지를 자동으로 Scale up하거나 Scale down하여 화면에 보여줍니다. Scale up이되는 경우에는 아이콘이 좀 뭉개지는 현상이 발생하기도 하고 또 매번 사용시마다 단말상에서 Scaling 작업이 이루어지게되므로 이...

아래내용은  "Google I/O 2012 - So You've Read the Design Guide; Now What" 세션에 나온 Fragment에 관한 정보를 정리한 것입니다. Activity와 View를 가지고도 Dynamic한 UI를 만들 수 있습니다. View와 Activity를 아래와 같이 구성한다고 생각해봅시다. 화면 구성요소를 ListView와 DetailView로 구분하고 이를 담고 있을 Activity를 생성합니다.. Single-Pane화면에서는 두개의 Activity가 사용되고 Dual-Pane구성에서는 하나의 Activity를 사용합니다. Activity+View를 사용한 구성 이렇게 구성되 있는 상태에서 카메라 기능을 사용한다고 생각해 봅시다. 카메라 기능을 사용하기 위해서는 아래와 같은 코드가 필요합니다. Intent camera = new Intent ( MediaStore . ACTION_IMAGE_CAPTURE );   startActivityForResult ( camera , RESULT_PICTURE_RESULT ); 이런 식으로 startActivityForResult를 호출해 onActivityResult를 통해서 받은 데이터를 처리하게 될것입니다. Activity+View를 사용한 구성에서는 위와 같은 코드가 View의 내부에 위치하게 될겁니다.(View코드를 재활용한다고 했을때요!) 하지만 코드에서 필요한 중요 기능들은 Activity의 내부에 포함되어 있습니다. ( startActivityForResult나 onActivityResult함수) 위의 그림과 같은 구성에서는 그 기능들이 ListActivity와 DetailActivity 의 onActivity에서 View로 이벤트를 위임해주는 구현이 각각 들어가야합니다. 이것은 반복적이고 매우 귀찮은 작업입니다. 또 화면별 메뉴구성을 다르게하기 위한 코드(onOptionMenuXXX 들)나...

Android 4.0 에서 제공되기 시작한 GridLayout은 화면을 구성하는 데 매우 편리한 구성요소입니다. 하지만 사용할 수 있는 API 레벨이 14!!! 아마 왠만한 앱 개발자라면 그 아무도 GridLayout을 함부로 사용할 수는 없었을 겁니다. ㅠ.ㅠ 그런데 Support Library r7 부터 이 문제를 해결해줄 android.support.v7.widget.GridLayout 가 조용히 등장했습니다.  하지만 안드로이드 개발자 블로그에도, 개발자 사이트에서도 검색조차 잘 안되고 있는 슬픈 상황입니다. Support라이브러리를 통해 GridLayout를 한번 사용해 볼까요? 기능 일단 기능은  http://android-developers.blogspot.kr/2011/11/new-layout-widgets-space-and-gridlayout.html  에서 말하고 있는 android.widget.GridLayout 완전히 동일합니다. 간단히 설명하면 화면을 Grid영역으로 나누고 각각의 자식요소들의 위치와 크기를 지정하는 방식으로 레이아웃을 구성하는 방법입니다. GridLayout를 사용하면 기존에 Layout여러개를 중첩해서 구성해야했던 구조를 간단하게 구현할 수 있습니다. 내 앱 프로젝트에서 사용하기 1. ADT업데이트 먼저 ADT와 SDK Tools을 최신버전으로 업데이트 합니다. (현재 최신 버전은 r19로 GridLayout이용하기 위해서는 r17이상으로 업데이트되어야 합니다.) (SDK가 설치된 경로는 ANDROID_SDK 라 칭합니다.) $ANDROID_SDK/extras/android/support/v7/gridlayout/ 위 경로에 안드로이드 라이브러리 프로젝트의 형태로 gridlayout support라이브러리가 자리잡고 있습니다. 2. 프로젝트 import 이클립스에서 이 경로에서 프로젝트를 import ...

사내 공용 프린터 드라이버는 설치할때 마다 꼭 말썽을 피운다. 설치중에 항상 오류를 내는 것이다. 몇번 패키지 내부에 들어가서 preflight, postflight, VolumeCheck 파일에 실행권한을 주고 해결하곤 했는데 이번엔 제대로 동작하지 않았다. 직접 터미널로 들어가보니 평소에 보지 못하던 @ 표시가 눈에 띄었다. 이것은 무엇일까?  검색해보니 이것은 Extended file attribute 가 존재한다는 뜻! ( http://en.wikipedia.org/wiki/Extended_file_attributes ) 이 속성은 ls 옵션엔 -@를 추가하면 확인이 가능하다. 확인해보니 문제의 파일들에 대해서 com.apple.quarantine 속성이 걸려있었다. $ xattr -p com.apple.quarantine preflight 0006;4f8cf8e5;Chrome;95741EED-A78B-4BC3-931A-B76D7486172A|com.google.Chrome 이 속성은 다운로드된 파일에 대해서 다시 한번 확인을 묻는데 사용되는 속성이다. 결국 이 속성 때문에 제대로 설치가 진행되고 있지 않았던 것이다. $ xattr -d com.apple.quarantine * 위 방법으로 속성을 제거한 후 설치에 성공!