년도별 글 목록: 2011

구루의 기술뉴스 : YouTube Live 공개 외 39건

구루의 기술뉴스 ( GuruNews ) 14회차입니다.

이번주는 구글이 공개한 YouTube Live 를 메인으로 선정했습니다. 전세계 트래픽 순위중 3위인 YouTube 점점 괴물이 되어가네요.
그외에 “Javascript 가 앞으로 10년간 메인스트림 프로그래밍 언어가 될것이다” 와 “Fall and Rise of UX” 글을 꼭 읽어보시길 추천해드립니다.

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

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

  • YouTube 가 Live 방송을 시작했습니다. http://j.mp/f5hYLb 이제 정말 모든 방송을 먹어버릴 태세로군요. 비슷한 서비스를 제공하던 UStream 이 위험해질 듯. KT 도 최근에 TwitOnAir 를 인수해서 올레온에어 ( onair.olleh.com ) 서비스를 오픈한 바 있지요. 5월에 있을 Google I/O 의 모든 세션을 실시간으로 방송한다고 하더니, 이와 연계된 것인가 봅니다.
  • 아마존 Cloud Drive의 TOS ( Terms Of Service ) : “아마존은 맘대로 여러분의 파일에 접근이 가능합니다.” 드롭박스의 TOS : “파일은 사용자만 접근가능하며 심지어 내부직원조차도 메타데이터밖에 못 봅니다.” http://j.mp/h9T3cU , 아쉽게도 국내 서비스들은 이런 TOS 자체를 볼 수가 없네요.
  • 백악관이 공개한 오픈소스 IT Dashboard http://j.mp/fS3oYP 정부기관들이 어떻게 세금을 사용하고 있는지 보여줘서 투명한 정부를 만들기 위한 시도. 소스포지에 공개
  • 개발자 지원 핸드북 http://j.mp/hyPOk7 개발자를 지원해야 하는 모든 서비스 및 API를 만드시는 분들의 필독서. PDF로도 제공. 구글에서 4년간 개발자지원을 했던 파멜라 폭스의 e북
  • 2010년 미국선거에 관해 아버지와 아들이 함께 만든 트위터 매쉬업 http://2012twit.com “트위터에서 활동하는것이 성공의 필요조건은 아닐지라도, 하는 사람들은 큰 이점을 가질것이다” 과연 국내에서도 ?
  • 구글은 얼마나 큰가? http://j.mp/epaYGg 알렉사 탑100중에서 구글사이트가 21개. 데스크탑검색 점유율 90%, 모바일검색 점유율 97%, 중국을 빼더라도.. 사용자 10억명이상
  • 온라인쇼핑 결제 페이지의 디자인에 대한 가이드 http://j.mp/gZj8W9 우리도 이제 액티브X 고민말고 이런걸 심하게 고민해야 합니다.
  • 매미 법칙이 웹 디자이너들에게 중요한 이유 http://j.mp/fBNSfu 수학과 디자인의 만남. 재미난 글이네요

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

  • 멋진 표현 “타블렛과 폰은 수영장과 욕조처럼 표면은 비슷하지만 용도가 전혀 다르다. 디자인은 이걸 반영해야만 한다” http://j.mp/eYa6pi
  • 아이폰 사용 팁 10+10가지 http://j.mp/hw1JfF http://j.mp/gdkVFN 깔끔한 이미지를 사용한 설명이 보기 좋네요. Camera+ 앱을 만든 TapTapTap 의 블로그 글입니다.
  • 안드로이드 갑에게 대들지 말라 http://j.mp/i8HdH1 원문제목이 Do not anger the Alpha Android 인데 번역이 적절하군요. 재미나게 돌아가는 안드로이드 동네입니다. 이런 저런 안드로이드 이슈 ( 허니컴 소스 공개를 안한다는 것에 관련 ) 때문에 안드로이드의 아버지 Andy Rubin 이 해명성 글을 올리기도 했습니다만 http://j.mp/e36TDp , 아직 좀 두고 봐야 할 듯 합니다.
  • 안드로이드에서 인피니티 블레이드 같은 게임이 못나오는 이유 http://j.mp/h6hyCY “서로 다른 메모리/성능을 가진 폰들로는 불가능. 구글은 좀더 Evil하게 컨트롤을 해야한다. iOS가 돈을 벌기 가장 좋은 환경이다”
  • 안드로이드 3.0 허니콤 전용 앱들 전체 리스트.. http://j.mp/hK1Q1x , 노코멘트
  • Top 11 웹사이트들의 모바일 페이지 kb/Req 비교 http://j.mp/goYrQM 페이스북의 아이폰용 페이지 최적화가 엄청나군요. HTTP request 4번에 전체 HTML 크기가 겨우 2kb
  • 구글 & Bing 모바일 페이지 로딩속도의 비밀 http://j.mp/eMytHR HTML5 localStorage 를 이용하여 네트웍 전송을 최소화. 다소 복잡한 HTML5 Application cache 보다 현실적인 대안이군요
  • QT로 제작된 앱을 안드로이드에서 러닝하게 해주는 프로젝트 Necessitas http://j.mp/gtd09H 예제동영상 http://j.mp/e1Pr3v 앞날 어두운 QT의 살아갈 방향일지도
  • iOS 앱을 위한 간단한 웹서비스 개발하기 http://j.mp/eRmrg0 PHP & MySQL 에 익숙하지 않은 iOS 개발자들이 간단한 웹서비스가 필요할 때 보고 따라할 수 있는 간단한 튜토리얼
  • 왜 같은 회사의 앱이 iOS보다 안드로이드에서 후져보이는가 ? http://j.mp/hXegv3 이렇게 비교해 놓으니.. 저도 이유가 궁금하군요. 후속으로 LinkedIn 앱을 아이폰/안드로이드 비교한 글도 올라왔습니다. http://j.mp/grTNsq , 역시나 입니다. 아이폰이 더 훌륭하고 아이폰 개발자가 더 뛰어나다고 얘기하는게 아니라, 안드로이드&구글이 OS차원자체에서 디테일한 신경을 안 쓴다고 보는게 맞을 듯 합니다. 모바일은 기능/성능만 뛰어나다고 되는 게 아닌 것 같습니다.
  • 가정용 세제를 만드는 Clorox 가 기존에 직원들이 사용하던 블랙베리를 수거하고 대신 원하는 스마트폰을 선택하게 하자 2천명중 92%가 아이폰, 6%가 안드로이드, 2%가 윈폰7 선택 http://j.mp/gt5trC

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

  • 앞으로 10년간 메인스트림 프로그래밍 언어는 Javascript 가 될 것이다 http://j.mp/gJ7MAr 저도 일정부분 동감합니다.
  • 잘 알려지지 않았지만 멋진 자료구조는? http://j.mp/hKf6M7 헉 1-6위(Tries/Bloom Filiter/Rope/Skip Lists/Spatial Indices/Zippers)가 모르는 거네요.
  • Typo.js – 자바스크립트 기반의 클라이언트 사이드 스펠체킹 라이브러리 http://j.mp/fQewoc 사전용량이 커서 웹에서 쓰기보다는 한글사전 넣어서 브라우저 확장이나 하이브리드 웹앱에서 쓸만하겠군요
  • Coding for the Mobile Web http://j.mp/go0Hoq 터치/클릭 이벤트에 대한 딜레이를 정리한 부분이 참고할 만 합니다.
  • jsgif – 자바스크립트로 만든 Animated GIF 플레이어 http://j.mp/dNsmX5 내부적으로 서버에서 GIF를 다운받아서 해석한후 프레임단위로 볼수 있게 해주는군요
  • CSS3 2D 트랜스폼 이해하기 http://j.mp/h7wS10 요즘 MSDN에 웹관련 좋은 기사들이 넘치는군요
  • HTML5로 만든 멋진 게임 6가지 http://j.mp/gPcGoS Pirates Love Daisies/Virion/Biolab Disaster/Net Tank/Robots are people too/Snooker
  • Front-End 개발을 위한 코딩 스탠다드 http://j.mp/gyii09 Markup/CSS/자바스크립트/접근성및 성능/SEO/코드리뷰/크로스브라우징/모바일까지 각 회사에 딱 맞진 않지만 참고할게 많은듯
  • 읽기 쉬운 코드를 작성하는 16가지 훌륭한 사례들 모음 http://j.mp/dWAU1G
  • 유용한 자바스크립트 & jQuery 플러그인 모음 http://j.mp/eEL8HY 스매슁매거진 이 친구들 정리 정말 잘하죠. 최근에 유명해진 거의 모든 JS 라이브러리들을 다루고 있네요

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

  • 소셜커머스에 대한 아키텍쳐 케이스 스터디 http://j.mp/eiEdHw 국내 소셜커머스에선 이런걸 고민하시는지 모르겠지만, 만약 5억 유저인 페이스북을 대상으로 한다면 이런 고민들이 필요할듯
  • 트위터 검색이 3배 빨라진 이유는 바로 Blender http://j.mp/fOHY3P Blender는 자바기반의 비동기식 이벤트드리븐 방식의 NIO 클라이언트/서버 프레임웍 Netty와 아파치 Thrift 의 조합
  • http://opencompute.org 페이스북이 자신들의 데이터센터를 만들면서 얻은 다양한 교훈들을 정리해서 스펙으로 공유하는 프로젝트. 서버/데이터센터 스펙과 디자인 문서를 제공. 정말 훌륭!

[ 해외 뉴스 및 블로그 / 추천글 ]

  • 스타크래프트의 여명, e스포츠의 세계화 http://j.mp/g8AQC1 e스포츠를 만든 역사가 담긴 글이로군요. 외국인이 쓴 긴글을 번역한건데도 정말 재미있네요.
  • 개인이 만든 Pixar 25주년 기념 비디오 http://j.mp/h37FR8 픽사 스튜디오가 이 비디오 너무 사랑스럽고 고맙다고 제작자에게 자신들의 11편 영화 블루레이와 셔츠,재킷,책까지 보내줌. 멋진 사람들. 아이슬란드 국민밴드 Sigur Ros의 음악이 정말 잘 어울리는군요. 여기서 사용된 Hoppipolla 란 노래 정말 강력 추천합니다 😉
  • 태국 남부 최고의 풋볼클럽 Panyee FC의 감동 실화 http://j.mp/hZxMdB 섬 끝 수상마을에서 나무 축구장을 바다 위에 만들어 불가능을 가능으로 만든 소년들. 초강력!추천 동영상
  • MIT 미디어랩이 처음으로 만든 로고 http://j.mp/gsYtkf 알고리즘으로 4만개의 변화가 가능하여 모든 연구원이 서로 다른 로고를 가지게 되며 앞으로 25년간 이렇게 사용가능. 특이한 방식이군요
  • 이번 2011년 만우절에 인터넷 회사들이 벌인 일들 모음 http://j.mp/ecjGbE 구글이 지메일 모션 말고도 한게 많군요.
  • Fall and rise of User eXperience http://j.mp/fNc85I 후아 정말 좋은 글이네요. 내용이 많이 길지만 UX관련자 분들 외에도 모두 읽어보셔야 합니다. “We should judge our industry by the happiness we create”

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

구루의 기술뉴스 : "만우절과 키넥트" 외 24건

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

이번주는 만우절과 키넥트 에 대해 간단히 정리한걸 메인으로 선정했습니다. 하나의 트렌드로 정착해가고 있는 키넥트!

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

[ 특집 : 만우절과 Kinect ]

  • 매년 4월 1일 만우절이 되면, 다양한 IT 업체들이 재미난 만우절 장난들을 선보입니다. 올해는 그 중에 눈 여겨 볼만한 것 2개를 선정했습니다.
    • 장난꾸러기 구글이 올해는 Gmail Motion http://j.mp/fvJBTU 이란 것을 선보였습니다. 사람들의 동작을 인식해서 메일을 작성한다는 것인데요. 매우 진지한 동영상과 전문가 동영상을 포함해서 긴가민가 생각하게 할 정도로 웃겨줍니다. 꼭 감상해보세요. 아래에는 Google Docs 에도 이를 적용할 예정이라는 http://j.mp/hGbY8G 글의 링크를 담고 있습니다. 역시나 다양한 아이디어의 사진들이 있으니 한번 읽어보시기 바랍니다.
    • 게임의 명가 블리자드는 StarCraft : Motion Overdrive 라는 제목과 함께 모션으로 스타크래프트2를 컨트롤 하는 동영상을 선보입니다 http://j.mp/e8FpGH , Microsoft 의 Kinect 센서를 활용한 것으로 보입니다. 더 재미난건 게임 내용에 나오는 고수플레이어가 한국인이라는 것입니다. 역시 스타크래프트 종주국은 한국이군요.
    • 이 두 가지의 공통점은 무엇일까요 ? 바로 사람들의 동작을 인식한다는 것입니다. Microsoft 가 Xbox360 에 추가로 발매한 Kinect 컨트롤러는 ( http://j.mp/e8FpGH ) 는 1500만대 이상 판매되며, 게임컨트롤러 업계에 새로운 바람을 불러 왔습니다. 아직 공식 SDK 가 공개되지도 않았지만, 해커들에 의해 다양한 활용예제들이 공개되고 있습니다. 키넥트로 울트라맨 되어보기 ( http://j.mp/f8OIsC ) 같은 것도 만들어 졌구요. 이런 상황인데 위의 Gmail Motion 이 공개되자, 역시 정말로 이를 구현한 동영상이 공개되었습니다. http://j.mp/igovbg , 우표 붙이는 동작이 멋지네요. 즐거운 세상입니다.
    • Kinect 는 곧 공식 SDK 가 공개된다고 합니다. 우리는 이걸 활용해서 무얼 만들어 볼 수 있을까요 ? 다양한 아이디어가 나올 수 있을 것 같습니다.

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

  • Firefox 4 for 모바일 버전 데모 동영상 http://j.mp/eHnKFW 이정도면 훌륭하네요. 데스크탑용 파이어폭스에서 사용하던 엔진을 그대로 모바일에 적용. 상세기능은 http://j.mp/etaSfx 참고
  • SNS 1등이었던 MySpace의 몰락이 마이크로소프트 기술을 사용하고, 지역적으로 LA에 기반했기 때문이라는 글 http://j.mp/ihVxL5 이 공개되었습니다. 그리고 이 글에 대해 정말 “마이크로소프트 스택이 MySpace를 죽였나?” http://j.mp/eiEWVr 바로 앞 글에 대한 다양한 반박들 모음입니다. 엔진이 문제가 아니라 바로 사람과 개발문화가 문제였다는게 더 맞을 듯
  • 자바의 아버지 제임스 고슬링이 구글에 조인했습니다. http://j.mp/fmQX5z 이제 정말 Java 관련 유명한 프로그래머 들은 구글에 다 몰려있게 되네요. 게다가 Python 의 아버지 귀도 반 로섬 (Guido van Rossum) 도, C언어의 아버지뻘인 B언어를 만들었던 켄 톰슨도 구글에서 Go 언어를 만들고 있는데, 언어의 아버지들이 구글에 집결하는 재미난 모습이..
  • BBC가 만든 타임존의 역사. 인터랙티브 웹 사이트 http://j.mp/g0wqb4 정말 잘 만들었네요. 타임존이 정치적/지리적/사회적인 변화에 의해 왜 이렇게 꼬여있는지를 다양한 사진/글/동영상으로 설명합니다
  • 구글 Page Speed Online http://j.mp/hhP3Yg 웹페이지의 속도를 측정하고 다양한 최적화 옵션을 제공. 모바일 사이트도 지원
  • 멋진 책이 나오네요 Programming Social Applications http://j.mp/i4LCXU OAuth / Shindig / OpenGraph / PubSubHubbub 와 오픈소셜까지. 7월 출간 예정
  • World-Of-Data 인포그래픽 http://j.mp/e4xOme 매초당 2.9M 이메일 발송/매분당 20시간 비디오 유튜브에 업로드/구글 매일 24PB 데이터처리/매일 5천만트윗/초당 72개의 아마존상품 주문
  • 개발자관점으로 리뷰한 Firefox 4 http://j.mp/h178Hs 훌륭한 HTML5 지원/WebGL/하드웨어 가속/JagerMonkey 엔진으로 JS속도 향상/WebM코덱/IndexedDB/WebConsole
  • 구글맵스를 잘 활용한 미국대학교 사이트 5선 http://j.mp/hgQhiz 워싱턴 이랑 노틀담 대학 사이트는 정말 잘 만들었네요. 오픈API의 힘

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

  • 블랙베리의 RIM 문제 있다 http://j.mp/fGwyk0 “CEO가 2명이고,COO는 3명이다. 누가 책임자인지도 결정 못내리는 회사가 어떤 답안을 낼수있을까 ? 현금보유고도 없고,1사분기 예상도 안좋고,제품전략도 별로다”
  • HP의 모든 ePrint 기능지원 프린터가 이제 구글 Cloud Print와 기본으로 연동된다고 발표 http://j.mp/dJqbPs 모바일에서 클라우드를 이용해 직접 프린트가능. iOS 의 AirPrint도 HP만 처음부터 지원하더니 역시 HP가 앞서가네요
  • Nokia Sleeping Screen http://j.mp/dJeNqB 전력 소모가 어떻게 되는지 모르지만, 화면은 정말 멋지네요. Symbian^3 에만 적용된다는데.. 이런게 윈폰7에 적용되면 솔깃할 듯. 그리고, 아이폰은 JB해야 가능하지만 안드로이드는 충분히 만드는게 가능할듯 합니다.

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

  • HTML5 Boilerplate for Mobile http://j.mp/hkFwBf 다양한 스마트폰을 동시에 지원하는 HTML5 모바일 사이트를 바로 만들수 있는 템플릿
  • 미래 웹을 위해 디자인하기 http://j.mp/f0JsOG 전반적으로 앞으로 웹개발 방법이 나아가야할 방향을 짚어주는 좋은 포스트. 모바일/포터블/웹표준/테스팅/정보구조화/SEO/Sharing
  • 수많은 디바이스를 대응해야 하는 페이스북의 모바일 사이트 제작 방식 http://j.mp/dOUFuk XHP와 WURFL을 이용하여 1개의 코드베이스로 서버에서 각 디바이스에 맞는 UI를 생성해주는 모바일 UI 프레임웍을 사용. 예를 들어 버튼을 만들고 싶으면 <m:button label=”Share” /> 처럼 개발자가 코딩하면 알아서 서버에서 각 디바이스에 맞는 버튼으로 렌더링해주는 방식.
  • http://flickholdr.com 웹사이트 개발시 사용하는 임시이미지를 플리커에서 태그/사이즈별로 찾아주는 사이트. http://flickholdr.com/300/400/beach 형식으로 즉시사용가능. X/Y/태그
  • 아이패드 오리엔테이션에 대응하는 CSS 만들기 http://j.mp/gSQFBu 지금까지 나온 것 중엔 가장 잘 정리된 듯
  • 구글 e북을 만들었던 Fantasy Interactive가 제작한 HTML5 농구게임 College Hoops 2011 http://j.mp/hefQh9 은근 어렵고 재밌네요 이거

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

  • Digg 는 어떻게 만들어졌나 http://j.mp/h88WRm , PHP / 파이썬 / Tornado / Thrift / 카산드라 / HDFS / MogileFS / MySQL / Redis / SOLR / Scribe / 주키퍼.. 요즘 서비스들은 기반기술이 다 비슷하군요.
  • 아마존이 Cloud Drive와 Cloud Player 서비스 시작 http://j.mp/i3R4BY 클라우드 드라이브는 5기가까지 무료로 제공. 웹기반 접속만 가능(데스크탑 싱크 없음) 대신 아마존 클라우드 드라이브에 음악을 업로드후 저장된 음악은 Cloud Player for Web & Android 를 제공해서 데스크탑 어디서나, 모바일 ( 안드로이드만 ) 어디서나 들을수 있음 ( 스트리밍 & 다운로드 ) http://j.mp/hFdeIN
  • 아마존 CTO가 얘기하는 아마존 클라우드 드라이브 & 플레이어 http://j.mp/hwfBml 소유자만 들을수 있게 하기 위해 AWS IAM을 사용했다는데,API 공개해서 누군가 아이폰용 앱을 만들어주면 좋을듯
  • SNS 1등이었던 MySpace의 몰락이 마이크로소프트 기술을 사용하고, 지역적으로 LA에 기반했기 때문이라는 글 http://j.mp/ihVxL5 이 공개되었습니다. 그리고 이 글에 대해 정말 “마이크로소프트 스택이 MySpace를 죽였나?” http://j.mp/eiEWVr 바로 앞 글에 대한 다양한 반박들 모음입니다. 엔진이 문제가 아니라 바로 사람과 개발문화가 문제였다는게 더 맞을 듯

[ 추천 동영상 ]

  • I Luv UX Design 이라는 이름의 UX Designer 분들께 바치는 동영상입니다. UX 디자이너가 어떤 일을 하는지 궁금하신 분들께선 꼭 봐주세요. KTH 디자인실 UX팀 분들께 바칩니다 😉 멋진 말들이 많네요 “Unsung heroes of design” “Creating Software with Soul” 1편 : http://vimeo.com/19131028 , 2편 : http://vimeo.com/21691333 , 모든 개발자들이 UX를 이해하고 자신의 일에 적용하는 세상을 꿈꿔봅니다.
  • 코닝에서 만든 “A day made of Glass” 라는 미래 모습을 담은 동영상이 유튜브에서 1천만회 이상 플레이되며 인기를 끌었습니다. 안보신 분들은 필감! http://j.mp/fPM9SB

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