글쓴이 보관물: xguru

구루의 기술뉴스 : 아이패드2 와 Liberal Arts

구루의 기술뉴스 ( GuruNews ) 9회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 초에 발행됩니다.

이번주는 지난주에 발표된 아이패드2 에 대한 내용을 좀 정리했습니다. 아이패드2의 기능들도 눈여겨 봐야 겠지만, 스티브 잡스가 얘기하는 Liberal Arts 에 대한 추천글 4개를 꼭 읽어보시기 바랍니다.

2011년 3월 7일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ 모바일 – 아이패드/아이폰/안드로이드/킨들 ]

  • 아이패드2가 발표되었습니다. http://j.mp/e3YU7g , A5 듀얼코어 CPU 탑재, 9배빠른 그래픽 속도, 전/후면 카메라, 자이로스코프 탑재. 두께가 13.4mm 에서 8.8mm 로 33% 감소. 미국 출시는 3월 11일이고, 출시 첫날부터 흰색/검은색 두가지 버전으로 AT&T , Verizon 두개의 통신사 다 가능합니다. ( 해외국가들은 25일 출시지만 아쉽게도 한국은 빠졌습니다. 한국은 4월 29일 KT,SKT 동시 출시라고 합니다 ) 그리고 2개의 새로운 아이패드앱 iMovie for iPad 와 GarageBand for iPad 가 소개되었습니다. 사실 발표에서 가장 흥미로웠던건 이 iMovie 와 GarageBand 가 아니였나 합니다. 키노트 동영상은 꼭 한번 보시기 바랍니다. http://j.mp/hd6adJ , 새로 발표된 액세서리중 SmartCover 라는 덮개는 자석으로 옆에 딱 붙는 스타일인데 설명보다 소개동영상을 꼭 보시기 바랍니다. 액세서리 하나가 얼마나 기계를 다르게 보이게 하는지 보실 수 있습니다.
    • iMovie 가 iPad 용으로 나오면서 여러 기능이 추가되었는데, 그 중 Share 옵션이 눈에 띕니다. Youtube / Facebook / Vimeo / CNN iReport 입니다. 마지막 CNN 의 iReport 는 CNN 웹사이트에 유저가 제보할 수 있는 공간입니다. 시민기자들에게 편하겠구나 하는 생각이 들고, 아이폰/아이패드를 뉴스 컨텐츠 생산의 교두보로 생각하고 있구나 하는 생각이 들게 합니다.
    • GarageBand 는 원래 맥 OSX 의 음악편집 어플리케이션인데 iPad 용으로 다운사이징? 되었습니다. 만든 데이터는 맥과 공유가 가능합니다. 특이한 건 Accelerometer 를 이용해서 피아노/드럼을 치는 압력을 인식. Hard / Soft 터치를 분간해 낸다고 합니다. 압력감지 기능을 기존에 가진 기술로 우회해서 적용한 시도라고 보여집니다. 다양한 앱들에서 따라 해볼만한 여지가 있을 것 같습니다.
    • Digital AV Adapter 라고 하는 iPad 용 HDMI 비디오 미러링 액세서리를 출시했습니다. 기존의 Video Out 단자는 비디오와 사진 슬라이드쇼만 출력이 가능했는데, 이 단자는 모든 아이패드2의 화면을 비디오로 미러링 해서 출력해 줍니다. ( 아이패드1/아이폰4/아이팟 터치는 미러링 불가 ) 이를 통해 아이패드2를 다양한 교육용 자료로 사용할 수 있게 되었습니다. ( 동영상에서도 이를 강조 합니다 ) 교육용 앱들은 이 모드를 적극 활용할수 있는 기능을 고려해봐야 할 것 같습니다.
  • 아이패드2는 병가중인 스티브 잡스가 직접 발표를 했는데요. 역시나 마지막은 그 Technology & Liberal Arts 표지판 사진이었습니다. 관련해서 읽어볼 강력 추천 글 4개.
    • “에드윈 랜드, 스티브 잡스. 다른 기업을 꿈꾼 사람들.” http://bit.ly/f979Fk
    • “우리는 ‘이런거’ 왜 못 만드냐고?” http://bit.ly/cZ09fI , 스티브 잡스가 얘기하는 Liberal Arts 에 대해 쓴 오마이뉴스의 작년 5월 기사
    • “iPad2 : 스티브 잡스에게 바보취급을 당한 건 삼성인가 아니면 우리인가” http://j.mp/eRNbsX
    • “의자 ( The Chair )” http://j.mp/feH9C2 , by John Gruber. 한글번역본
  • 올해 말이 되면 아마존 프라임 멤버들에게 킨들을 무료로 줄거라는 예상 http://j.mp/gkuWGB 얼마전 발표된 영화 스트리밍까지 포함하면 프라임 년회비 $79 낼만할 듯. 킨들은 다용도 타블렛 아이패드와는 달리 이북 디바이스 로 완벽히 자리를 굳혀가는듯 합니다.
  • 실제 책은 한번도 출판한적 없이 아마존 킨들 스토어를 통해 $1 짜리 e북만 한 달에 10만부 이상 판매하는 26살 여성 인디작가 Amanda Hocking에 대한 이야기 http://j.mp/f0VIjk  올 1월엔 45만부 판매. 70% 수익으로 계산했을 때 월 수익이 3억원이군요. eBook 시장이 엄청 커지고 있습니다. ( 국내는 아직 답답하지만요 )
  • “안드로이드가 애플에게서 배워야 할 것이 무엇인가” 토론 http://goo.gl/C0wFU
  • 구글이 오픈한 게임개발자 포털 http://j.mp/hWQ96j 구글이 안드로이드/크롬/구글TV 에서 게임을 확고히 밀겠다는 의지를 보여주는군요

[ 웹사이트, 웹서비스, 웹기술 ]

  • 페이스북/트위터 다음은 뭐가 될까요? from Quora http://j.mp/ePOjkO , Quora 에 올라온 질문인데 꽤 눈여겨 볼만한 답변들이 많습니다.
  • 친환경세제 Green Works 의 페이스북 광고 캠페인 사례자료 http://j.mp/hZVmcQ 브랜드인지도가 12% 상승했다는데.. 역시 기업들이 주목해야할 광고플랫폼은 트위터보다 페이스북
  • 페이스북 Page에 탭 추가시 iFrame으로도 가능하게 변경 http://j.mp/eCoUJF FBML 앱은 3/11부터 새로 생성 불가. FBML 은 좀 너무 자체포맷 아닌가 생각했었는데, 역시 IFrame 방식으로 바뀌나 봅니다. 이미 IFrame 방식으로 다양한 쇼핑몰 같은 서비스들이 만들어져서 서비스중입니다.
  • 인스타그램 공식 Realtime API공개로 다양한 매쉬업들이 출현중 http://j.mp/dNoYUp 가장 훌륭한건 Instadrop-인스타그램에 올리면 자동으로 자신의 Dropbox에 저장. 소스코드까지 공개
  • 사용자 친화적인 SEO ( 검색엔진 최적화 ) 방법 http://j.mp/hXLYQx
  • “회원가입 프로세스를 심플하게 만드는 17가지 방법” 한글 번역본 http://j.mp/evlXRY , by @elegantcoder_
  • http://httpstat.us – 내가 작성한 스크립트/코드가 특정 HTTP Response 에 잘 대응하는지 테스트할 수 있도록 도와주는 사이트 http://httpstat.us/403 과 같은 형식으로 호출
  • 구글 Docs 의 OCR(문자인식)에 한글포함 29개언어 추가 총 34개 언어지원 시작 http://j.mp/i6E8wX , 다만 사용해보니 아직 한글은 쓸만하지 않다는 평이네요.
  • 브라우저 호환성 테스트를 위한 툴 10가지 http://j.mp/i5hGKo 무료인 BrowserShots 외에 다양한 유료서비스들이 있군요

[ HTML5/CSS/Javascript 프로그래밍 ]

  • HTML5 Video 와 웹페이지의 내용을 초단위로 싱크맞추는 예제 http://j.mp/eSVPKX 소스도 간단하네요. 온라인 강의 같은거 만들때 좋을듯.
  • Sencha의 모토롤라 Xoom 내장 웹브라우저 HTML5 평가 http://j.mp/h4HOVe 갤럭시 탭 보다는 좋지만, 역시 악평이네요. 애니메이션 깨지고,Video는 안되고,캔버스도 꽝이고.. 패치를 기다리랍니다. 또한 Sencha가 곧 블랙베리 PlayBook 타블렛의 HTML5 기능 테스트결과도 공개할 예정인데 “Awesomeness” 라고 예고했네요. (좋은 의미로) 기대됩니다.
  • BBC CTA(최고기술아키텍트)의 글 “HTML5에서 프레임단위 정확도를 가진 비디오 플레이” http://j.mp/fEzPk0 협업끝에 사파리/크롬등 최신버전에선 사용가능. 이런 글을 방송국 블로그에서 볼 수 있다는게 부럽습니다.
  • 최신 CSS 테크닉과 예제들 60가지. 글 말미에 이전 글인 50가지 모음이 있으니 총 110가지! http://j.mp/eOEzFI CSS 로 요즘 이런 것까지 가능하다를 보여주는 총결산
  • PHP 유용한 함수 및 기능 9가지 http://j.mp/fDXI1B 저도 glob() 랑 func_get_args() 는 종종 사용
  • 안드로이드의 락스크린 암호입력 방식 ( 9개점들을 특정 패턴으로 연결 ) 을 웹에서 자바스크립트로 구현하기 http://j.mp/efGn84
  • Timeline – 특정 시간대의 이벤트들을 멋지게 볼수있도록 해주는 자바스크립트 오픈소스 http://j.mp/g9VJcR 마우스 휠이나 드래그 기능을 다 지원하네요. 컨퍼런스 시간표 보여줄때 딱이네요
  • 무료 이북 “Essential JavaScript Design Patterns” http://j.mp/h5SV9T 총 13개의 패턴을 다루고 있습니다.
  • apple-touch-icon 의 모든것 http://j.mp/hSHqVS 모바일 웹 사이트를 만드신다면 필독
  • http://EasyWebSocket.org – 모든 브라우저에서 사용할 수 있는 HTML5 WebSocket 라이브러리. 함수구조가 표준 웹소켓과 동일. 미지원 브라우저에서는 플래시를 사용
  • jQuery Waypoints – 웹페이지 스크롤 최강 라이브러리. 웨이포인트를 이용한 무한 스크롤링, 스크롤시 고정아이템 표시, 스크롤하여 위치 도달시 동작실행 기능까지 http://j.mp/eAcrWG 아쉽게도 무한 스크롤링과 이벤트 발생은 아이폰에서도 잘되는데, 고정아이템 표시는 안되네요
  • 아이튠스 앱스토어 링크 URL 완전 정복 http://j.mp/dLeIB2 앱 내에서 리뷰링크로 바로가기 또는, 아이튠스 데이터를 Crawling 해야할 때 참고
  • http://jsconsole.comhttp://jsbin.com 을 이용하여 iOS 에서 리모트 자바스크립트 디버깅하기 튜토리얼 by Remy Sharp http://j.mp/dO2Q5A

[ DB,클라우드,웹서버 기술 ]

  • Varnish 실전 가이드 http://j.mp/efhSnC 예전에 웹개발자가 알아야할 필수오픈소스 15개에도 소개해드렸던 고성능 웹 가속기 입니다. 웹서버 앞단에 붙이는 캐쉬서버. 트위터/페이스북도 사용중
  • 어플리케이션을 클라우드로 옮기기 전에 체크/테스트 해야 할 것들 http://j.mp/eCjuXw
  • http://no.de – Node.js 를 위한 클라우드 서비스. Heroku 처럼 Git 에 소스코드 푸시(커밋)하면 자동으로 디플로이 되는 형태. 서비스도 멋진데 도메인이 더 멋지네요

[ 해외 뉴스 및 추천 글 ]

  • 썬더볼트와 라이온의 비밀 http://j.mp/dPF4aC AirDrop이 재밌네요. WiFi adhoc 으로 p2p 연결되지만 기존 커넥션은 유지하는 멀티커넥션 방식 사용. AirDrop이 아이폰/아이패드에도 적용되면 멋질듯
  • 블랙베리 플레이북용 개발을 시도했다가 포기한 한 개발자의 이야기 http://j.mp/i4wYBd , 이 개발자가 실력이 없어서 그런 거라는 반론도 있습니다만,  개발자들과 좋은 관계를 유지하려면 어떤 것에 신경을 써야 하는지 한번 생각해보게 만드는 글입니다. 어쨋거나 오픈플랫폼의 성공에는 외부개발자들의 도움이 필요합니다.
  • Angry Birds를 제치고 1위에 오른 작은 새 한마리 Tiny Wings http://j.mp/gnikfg 이 게임 정말 재밌네요. 1버튼 게임이라 간단하면서도 중독성 최고. 현재 별5개 평가가 18420개! Andreas Illiger 라는 1인 개발자 혼자 디자인,코드,아트,음악을 다 해서 만들었나 본데, 이 친구 웬만한 복권 당첨된 거보다 크겠군요.

이상입니다. 피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.

구루의 기술뉴스 : 모바일 통계 사이트 총정리 및 기타

구루의 기술뉴스 ( GuruNews ) 8회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 초에 발행됩니다.

이번주는 특별한 큰 이슈없이 기사를 정리했습니다. 단, 모바일 통계 사이트 총정리 링크는 눈여겨 봐둘만 합니다.

2011년 02월 28일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ 모바일 – 아이폰/안드로이드 ]

  • 모바일 통계 사이트 총정리 http://j.mp/iblx22 , 시장점유율/플랫폼별/캐리어별/모바일웹/광고/앱통계등 분야별로 50개 가량의 사이트를 깔끔하게 정리. 모바일관련 통계자료 필요하신 분들 꼭 저장해두세요.
  • Mobile UI Patterns 각종 모바일 앱들의 스플래시/사용자피드/유저프로필/도움말/체크인/노티피케이션 등을 한눈에 비교할수 있는 사이트 http://j.mp/hdCpMY
  • 모바일 플랫폼의 역사 http://j.mp/eX5EDp 주요 플랫폼 총 16개,이중 10개가 사용 중이며, 중단된 6개중 3개는 새 버전으로 대치된 것. “모던” OS들은 모두 2007년 이후에 출현하여 4년간 8개의 새 OS출현. 즉, 어찌보면 앞으로 시장은 어떻게 변할지 모른다는 것.
  • 아마존 킨들의 신문/잡지 퍼블리싱 비용에 대한 진실 http://j.mp/eClvEC 3G 전송비용을 잡지사가 내므로 사진을 막 넣지 못하고, 킨들버전 출판물 가격은 아마존이 맘대로 설정한다고 합니다. 사용자로서는 3G 비용이 무료라서 좋았는데, 다시 이게 컨텐츠 보급 및 확산을 막고 있군요.
  • Instapaper CEO의 Verizon아이폰 판매량 분석 http://j.mp/efcRU9 새 기기 출시후 앱판매량이 들썩이는데 이번엔 아님. 추정이유 “1.얼마안팔림 2.앱을 별로구입안함. 3.다들 AT&T에서 넘어옴” 3번이 정답일듯. 국내도 SKT 에서 아이폰을 출시하겠다는 발표가 났는데, 어떻게 시장이 변화될지 눈여겨 봐야 하겠습니다.
  • Push The Page 데스크탑 웹브라우저에서 보던 웹페이지를 바로 아이폰/아이패드에서 볼수 있도록 해당주소를 푸시하는 무료앱 http://j.mp/eX1aFw 안드로이드의 크롬2폰과 비슷하지만 북마클릿 형태라 모든 브라우저에서 가능. 웹 개발자들에게도 매우 유용합니다.
  • http://jdrop.org JSON 데이터만을 저장하는 특수목적 클라우드. 현재 무료이며, 주로 Mobile Perf 북마클릿을 이용해서 모바일 디바이스로부터의 퍼포먼스 데이터를 수집하는데 사용

[ 웹사이트, 웹서비스, 웹기술 ]

  • 구글 Analytics 로딩속도를 최적화 하는 두가지 방법 http://j.mp/eFAdZb 맨 아래 경고부분도 꼭 참고
  • Delicious를 대체할 북마킹 사이트로 유명해진 Pinboard 서비스의 개발자&CEO 인 Maciej Ceglowski 인터뷰 “핀보드 아키텍처/구현에는 특별한 게 전혀 없고, 이게 하나의 피쳐다. 많이들 새로운 기술에 쉽게 현혹되지만 시간을 낭비할 뿐. MySQL과 같이 잘 알려진 툴을 써서 시간을 절약했다” http://j.mp/gbLNI4 개발 과정에 대한 설명도 주목할만 합니다. “Pinboard 에는 유닛테스트가 전혀 없다. 예전엔 나도 테스팅에 목숨걸었지만, 핀보드 개발시에는 실험적으로 다른 방법을 취했다. 테스트를 작성하기 보다 코딩 자체를 엄청 조심해서 하려고 노력했고, 코드 사이즈 자체를 작게 유지해서 계속 이해가 가능하도록 했다.”
  • 아마존이 기존 프라임 고객 (1년/$79) 대상으로 무료 스트리밍 서비스 시작. Roku 디바이스가 지원 http://j.mp/hWrs2X 이제 약 5천편 정도로 작은 시작이긴 하지만 넷플릭스로선 궁극적으로 힘겨운 상대를 만난듯 이미 넷플릭스 주식은 하락중
  • 회원가입 프로세스를 심플하게 만드는 17가지 방법 http://j.mp/eeC2Qp
  • 페이스북이 백만개가 넘는 모든 이벤트페이지에 대해 hCalendar 마이크로포맷 적용 http://j.mp/gi5t5W 브라우저에 마이크로포맷 플러그인을 설치하면,해당 페이지 방문시 이벤트를 자신의 일정에 바로 추가가능

[ 프로그래밍 & HTML5/CSS/Javascript ]

  • Fixing These jQuery jQuery 와 자바스크립트 디버깅 방법을 알려주는 HTML5 버전 웹 슬라이드 (60페이지) http://j.mp/dZyY4F 웹개발자분들께 추천!
  • WHATWG 의 HTML5 스펙 “웹 개발자 에디션” http://j.mp/ePLOQi 브라우저 업체들만 알아야하는 스펙들은 다 제거하고 개발자가 봐야할 스펙들만 깔끔정리.
  • 자바스크립트 고수로 가기 위한 주요부분들만을 정리한 JavaScript Garden http://j.mp/i3T4e2
  • Charles 웹 개발자를 위한 디버깅용 프록시 어플리케이션 http://j.mp/faZ5dh Man-in-the-middle 방식을 사용해서 HTTP/HTTPS 모든 트래픽을 텍스트로 확인가능. 윈/맥/리눅스 지원 1-4유저에 $50. 이 툴을 이용해서 아이패드용 앱인 The Daily 의 내부구조를 어떻게 파악했는지 알려주는 포스트 http://j.mp/hZEm3i 가 있습니다.
  • {dust} 자바스크립트 템플릿엔진. 마크업 형태이고 비동기방식에 스트리밍까지 지원. Node.js에서도 사용가능 http://j.mp/flczdW 가장 현대적인 템플릿엔진. 지금까지 나온것중 가장 미니멀한 자바스크립트 템플릿엔진은 jQuery 개발자인 존 레식이 만든 것으로 20라인정도로 구현 http://j.mp/hXn47T 이름하여 Micro-Templating

[ 디자인/UI/UX ]

  • Fonts In Use 폰트를 사용한 곳의 예제 이미지를 들어 설명하는 사이트. http://FontsInUse.com
  • http://FFFFound.com 그래픽 디자이너를 위한 이미지 북마킹 SNS. 좋아하는 이미지 취향에 따른 추천 알고리즘 적용. 아쉽지만 초대로만 가입가능
  • 여성 디자이너가 Django 를 배워서 첫번째 웹앱을 6주만에 런칭한 이야기 http://j.mp/fHWplp , 디자이너가 개발을 배우면 또 기회가 있는듯 합니다.

[ 해외 뉴스 및 블로그 ]

이상입니다. 피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.