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

모바일 웹 기술의 발전으로 단지 PC화면을 모바일에서 보는것이 아니라,
모바일을 위한, 모바일을 우선적으로 생각하는 웹 기술,디자인들이 논의 되고 있습니다.
Responsive Design, Mobile First, Progressive Enhancement, Server-Side Adaptation, Hybrid Web.. 이제 이런 단어들은 디자이너,웹 개발자 뿐만 아니라 모바일에 관련된 일을 하는 IT분들은 모두 알고 계셔야 할듯 합니다. H3 컨퍼런스 사전등록에 성공하신 분들은, 컨퍼런스에 오시면 신현석님의 “반응형 웹디자인, 진짜 할 만한가?” 섹션에서 이 모든걸 배워가실 수 있습니다. 😉
 

[ H3 개발자 컨퍼런스 사전등록 마감 ]

제가 몸담고 있는 kth에서 내/외부 개발자를 대상으로 11월 30일에 진행하는 H3 개발자 컨퍼런스. 11월 21일 오후2시 사전등록을 열었는데, 1시간만에 사전등록이 완료되었습니다. 다들 기대? 걱정? 해주셨던 서버다운은 없었습니다. 꽤 많은 분들이 몰렸지만, 저희 서버는 아무런 문제없이 게임을 즐기면서 여유롭게 진행되었습니다. 사람이 없던것 아닌가? 라고 생각하실수도 있지만, 등록 당일날만 순 방문자수 4400분에 PV 45000, 또한 500명 이상이 사전등록을 위한 게임에 동시접속(?) 하는 기록을 세우기도 하였습니다.

H3 컨퍼런스 웹사이트는 듀얼코어에 메모리 2기가짜리 VM한개로 운영했음에도 CPU부하 20%를 넘지 않았구요. 기존 개발방식을 탈피, nginx/WebSocket/node.js/CouchDB 그리고 Javascript로 개발되었습니다. 모든 것은 자바스크립트만으로, php도 jsp도 사용되지 않았습니다.

이 개발내용들은 따로 정리하여, kth 개발자 블로그를 통해 공개하겠습니다.
 

[ 웹서비스, 웹기술, 모바일웹 ]

• 모바일 웹기술 선택 가이드. 반응형디자인/모바일우선/점진적향상/서버사이드 어뎁테이션/하이브리드. 각 기술들의 원칙/장단점/성능/예제 등을 잘 정리한 비교표 및 기술요약
• 모바일 웹 디자인의 7가지 오해 모바일은 이동할때가 아님/더 적게 보여주는게 아님/복잡해도 됨/추가클릭이 꼭 나쁜게 아님/모든 플랫폼 고려/앱에 집중하지 말것/디자이너도 API와DB를 고려해야
• Responsive Advertising – 웹사이트 디자인이 반응형으로 간다면, 웹 광고의 형태도 반응형으로! 사이즈/위치가 고정되어버린 온라인 광고 모델의 변화가 필요
• WTF Mobile WEB – 모바일 웹 실패사례만 모은 웹사이트. 이렇게 하지 않기 위해 Do It Better 섹션에 링크들을 참고하세요
• 모바일 프레임워크 비교 차트 JQMobile,Sencha,JQTouch,iUI,Rhodes,Phonegap.. 등등 총 29종을 비교하는 거대한 차트
• allSongsBy – 유튜브 API를 활용하여 가수/앨범/곡목으로 유튜브에 있는 노래들을 검색하여 감상할 수 있게 해주는 사이트
• parallel-flickr – 플리커 백업용 오픈소스 툴. 사진의 원본사이즈와 640x 사이즈 두개의 이미지를 다운로드 받으며, 사진의 정보까지 JSON 으로 저장해줌

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

• Siri 해킹하기 – 가짜 HTTPS 서버와 가짜 루트인증서를 이용해서 Siri의 프로토콜 분석을 시도했네요. 폰의 ID를 이용하기 때문에 마음대로 쓰긴 불가능하지만 재미난 시도
• Siri Proxy – 위에서 설명한 방법으로, 아이폰에 가짜 root CA 를 만들어 설치하고, WIFI 네트웍상에 DNS 서버를 설정후 애플의 서버를 프록시로 유도하면, Siri 를 통해 Proxy 가 명령을 수행할 수 있게 됩니다.  이 내용들이 GitHub 에 오픈소스로 공개되었고, 이를 통해 온도계를 조작하거나, 하키 스코어를 읽어주고, 트윗을 날리는등의 기능을 사용자들이 만들어 내고 있습니다.
• 모바일 시장 둘러보기 : 시장점유율 vs. 이익율 마지막 애플과 삼성의 프로덕트 라인 비교가 매우 인상적.
• Tunebox – 드롭박스 랑 아이폰을 엮은 클라우드 뮤직 앱. 드롭박스 계정에 음악올리고 아이폰에서 바로 스트리밍해서 감상 가능. 드롭박스는 이제 정말 유틸리티화 된 듯
• 스탠포드의 아이패드/아이폰 앱 개발강의가 2011년 가을버전으로 업데이트 되고 있군요. iOS5 내용으로 업데이트. 현재 8강까지 올라와 있고, PDF로 된 슬라이드 포함
• 아이폰, 액센트도 있더라 iOS5의 TTS , 한국으로 하면 완전히 콩글리쉬 발음으로 읽어주는군요. 재미나네요. 일본어 모드에서의 영어 TTS 액센트는 정말 일본인 느낌이 물씬
• 아마존 킨들 파이어에 대한 비판적 리뷰 Kindle Fire에 매우 비판적인 Wired 리뷰의 번역글 by @abulaphiaa
• 인스타페이퍼 개발자의 킨들 파이어 리뷰 A human review of the Kindle Fire 엄청난 악평, “나쁜 게임기, 나쁜 앱플랫폼, 나쁜 웹브라우저, 나쁜 비디오플레이어, 심지어 나쁜 킨들. 테스트용으로 구매한게 아니라면 환불했을꺼다”
• 아마존 킨들 파이어의 Silk 웹브라우저 속도 테스트 클라우드 가속 기능을 켠 것과 끈 것을 비교한건데.. 광고한 것처럼 빠르다고 얘기하긴 어렵군요
• 아마존 킨들 파이어의 HTML5 점수표– “HTML5 앱들을 실행하는 목적으로 만들어진 것 같지는 않다” 일반 브라우징에는 좋지만, 아직 HTML5 지원은 미비한듯
• 장애인 유권자를 위해 아이패드를 사용한 오레곤주 – “목표는 장애인 유권자도 투표를 편안하게 할 수 있게 하자이고, 아이패드가 정확하게 그 목표에 부합합니다”

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

• JSZip – 자바스크립트로 Zip 파일 만들기 라이브러리. 폴더 만들기까지 가능. IE만 미지원. 파일이름이 브라우저 맘대로 생기는게 문제지만, Downloadify 를 활용하여 우회가능
• jQueryMobile 1.0 공식 발표 약 1년반 정도만의 공식 릴리즈. 각종 플랫폼에서의 속도향상, ThemeRoller 툴로 커스텀 테마 작성 지원
• 모바일 웹 프레임워크 DHTMLX Touch 1.0 출시 UI 디자인용 Visual Designer,테마 제작용 Skin Builder도 제공. GPL과 상용라이센스 2가지
• Built With Bootstrap – 트위터가 공개한 Bootstrap 툴킷으로 만들어진 사이트 모음. 잘만 활용하면 정말 깔끔한 사이트 작성이 가능하군요
• 종종 HTML5 중 일부라고 불리지만 실제로는 아닌 것들의 리스트 하지만 현실은.. 그냥 HTML5로 생각하고 뭉뚱그려 얘기하는게 누구에게나 편하다는거..
• 구글+를 구성하는 기술들 – 자바스크립트 편 7월에 Joseph Smarr가 공개했던 전체 기술스택 소개 http://t.co/ejzu9xgf 에 자바스크립트 부분을 보강하는 글
• 대규모 자바스크립트 어플리케이션 아키텍처 128페이지 발표자료. 대규모의 자바스크립트 개발을 위한 디자인 패턴과 자바스크립트 패턴, 스케일링 가능한 어플리케이션 아키텍처 설명
• InstaCSS – CSS의 각 속성에 대한 정보를 찾아 보기 쉽게 만든 레퍼런스 사이트. 실제 각 속성의 내용은 Mozilla에 있는 것들이로군요
• 웹개발시 Same-Origin Policy를 피하기 위한 방법들 StackOverflow의 잘 정리된 질답글. iframe/CORS/Reverse Proxy/JSONP 그리고 anyorigin 같은 꼼수까지 총 정리
• HTML5 Security Cheatsheet 각 보안허점 들에 대한 설명 및 적용되는 브라우저들, 그리고 해당 위협에 대한 회피방안까지 정리
• 모바일 브라우저에서의 fixed positioning 정리 어떤 장비에서 사용가능한지, 사용 불가능한 장비에선 어떤 솔루션이 있는지까지 정리

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

• Apache Lucy– C로 만든 풀텍스트 검색 엔진 라이브러리. 동적언어와의 바인딩을 대상으로 함. 자바로 만들어진 Lucene 을 좀 loose하게 포팅한것
• Top500 슈퍼컴퓨터 사이트에서 AWS가 42위 42: The Answer to the Ultimate Question of Life, the Universe, and Everything “은하수를 여행하는 히치하이커를 위한 안내서” 에 나온 – “삶,우주,그리고 모든것에 대한 궁극적 질문의 해답”과 일치한다고 블로그에 글 쓰신 아마존 AWS VP 제임스 해밀턴 아저씨. Geek 의 깔때기도 재미있네요.
• StackExchange가 클라우드를 사용하지 않는 이유 우린 컴퓨터를 사랑하기에, 우리가 사랑하는 것들을 남들이 소유하고 관리하고 건드리는 것이 싫다. 참 재미난 친구들
• Cloud Portability 에 대한 5가지 오해 사용할수 있는 클라우드가 다양해 지면서.. 작업에 맞는 클라우드를 선택하고, 벤더 락인을 피하고, 고급 디플로이 기술을 적용해야함
• SpiderDuck – 트위터가 사용하는 실시간 URL Fetcher 서비스. 트윗에 포함된 URL들을 실시간으로 빠르게 크롤링하는 시스템. 긴 URL,이미지,스팸 등등 처리용

[ 추천글 ]

• ISS 우주정거장에서 촬영한 지구의 Timelapse HD비디오 정말 멋지네요. 꼭 전체화면 모드로 감상. 지구는 참 아름다운 별입니다
• A History of the Sky – 일년동안 매일 10초당 한번씩 하늘을 찍은것을 한 화면에 편집한 초대작 Timelapse 비디오, 1080p & 전체화면으로 감상필!

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

제가 다니고 있는 kth에서 11월30일 개발자 컨퍼런스 H3 를 개최합니다.

http://h3.paran.com

H3 는 kth 의 직원들이 외부 개발자들을 대상 으로 기술을 공유하는 지식공유 컨퍼런스 입니다.

kth 는 PC통신 Hitel 부터 웹 포털인 Paran 을 거쳐서, 최근에는 스마트폰으로 촉발된 스마트 디바이스, N-Screen, 클라우드 와 각종 콘텐츠를 제공하는 유무선 융복합 인터넷 회사로 발전해 왔습니다.

기술을 중시하는 회사로 거듭나기 위해 kth는 내,외부적으로 계속 다각도로 노력하고 있으며, 2011년 5월에 오픈한 kth 개발자 블로그 를 시작으로 외부 개발자들에게 kth 내부의 기술과 노하우들을 국내 개발자 커뮤니티에 공유하고, 국내 개발자들이 모두 다같이 힘을 합쳐 발전하는 IT 환경을 만들고자 노력하고 있습니다.

이제 H3 개발자 컨퍼런스를 통해 외부 개발자분들과 좀 더 가깝게 다가가고, 이를 통해 같이 발전했으면 합니다.

사전등록은 11월 21일 2시부터 진행됩니다만, 사전등록전에 19개에 달하는 전체 세션에 대해 인기투표를 진행하고 있습니다.

http://h3.paran.com/vote/

듣고 싶은 6개의 세션을 선택하시어 스티커를 붙여주시면 됩니다. 붙여진 스티커 수에 따라 발표장의 크기가 바뀌게 됩니다.

저도 “모바일 시대의 Search Engine Optimization 전략” 이라는 한개의 세션을 발표합니다.

어떻게 하면 보다 많은 사람들이 내 웹사이트에 찾아 오게 할 수 있을까 ? 스마트폰의 폭발적인 성장과 함께, 국내에도 구글 검색엔진의 점유율이 높아지면서, 지금까지는 별로 중요하지 않았던 검색엔진 최적화가 중요한 이슈로 부각되고 있다. 검색엔진 최적화가 무엇이고, 왜 중요한지, 어떻게 내 웹사이트에 적용할 수 있는지를 알아본다.

SEO 사례와 함께 어떻게 하면 내 웹사이트에 많이 올수 있는지, 개발자/기획자들을 대상으로 설명하려고 합니다.
( 뭐 꼭 제 세션에 스티커를 붙여달라고 이 글을 쓰는건 아닙니다 흠흠.. )

무료로 개최되는 행사지만 많은 것을 얻어가실수 있도록 열심히 준비했습니다. 기대해 주세요!

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

이번주는 Adobe 의 모바일 플래시 포기를 메인으로 선정하고 관련 글들을 모아봤습니다.

[광고] 11월30일에 kth 가 주최하는 개발자 컨퍼런스 H3가 개최됩니다.공식 사이트는 http://h3.paran.com 입니다.
현재는 세션 인기투표가 진행중입니다. 인기도에 따라 세션크기가 달라집니다!
사전등록은 11월 21일 오후 2시에 시작됩니다. 많은 관심 부탁드립니다.

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

• Adobe, 모바일 플래시 포기 하고 플래시는 데스크탑, 모바일 앱에만 집중할 것이며, 좀더 HTML5에 공격적으로 집중할 것이라고 밝혔습니다.
  • 공식발표 몇일전 이미 루머를 통해 어도비가 모바일 플래시를 포기할 것이라는 기사가 게재됨, 이에 대해 ReadWriteWeb 은 Steve Jobs Wins 라는 기사를 적기도 했습니다.
  • 장황하고 이해하기 어려운 어도비의 모바일 플래시 포기 공식기사를, iOS개발자로 유명한 Matt Gammelle 이 재작성하여 Adobe Communication 이라는 제목으로 포스팅했습니다. 훨씬 이해하기 쉽군요. 존 그루버는 이런 커뮤니케이션 미숙함은 리더쉽이 없다는 걸 보여주는 것이라고 비난 했습니다.
  • 어도비의 모바일 플래시포기는 단순히 모바일 뿐만이 아니라 TV에서의 플래시도 포기하는 것 마치 깨진 유리창을 보는 것 같군요. 단지 플랫폼 하나를 포기한게 아니라 Write Once Run Everywhere처럼 보였던 플래시의 미래가 불투명해지는 것처럼 보입니다.
• TCP Fast Open 논문 이 프로토콜이 적용되면 HTTP 트랜잭션의 네트웍 레이턴시가 15% 감소되고, 전체 페이지 로딩타임이 평균적으로 10%, 특정케이스에서는 40%까지 감소
• 트위터가 오라클의 웹관련 제품 개발담당 부사장이었던 아담메신저를 인프라스트럭처 엔지니어링 부사장으로 영입 Palm에서 트위터로 옮겼다가 다시 이적한 Mike Abbott의 후임. 이제 더 이상 고래를 안보게 될지 궁금합니다.
• Firefox 8부터 Eclipse Orion의 Code Editor가 비활성상태로 기능에 포함됨. 활성화 시키는 방법 Orion Editor Ships in Firefox 8 저는 Nightly 11버전 사용중인데 여긴 기본으로 활성화되어 있네요
• Adobe Creative Cloud 살펴보기 월$49.99 멤버쉽으로 어도비의 CS 제품 전체 및 Edge/Muse 와 같은 베타,Ideas/Kuler 같은 터치앱까지 모든걸 쓸수 있게 하는 모델. 이름은 클라우드지만, 대부분의 앱들이 데스크탑용이라 클라우드와는 그리 큰 연관성은 없는 듯

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

• 모바일 시장을 이해하게 하는 한 개의 차트 아직도 정복해야할 피쳐폰 시장은 넓다/안드로이드의 급속성장/애플도 성장하고 있지만, 걱정해야 한다. 하지만 전쟁은 끝나지 않았다
• iOS 5.0.1 이 공식 배포됨. 아이폰에서의 첫번째 공식 OTA 업데이트로, iOS5 사용자는 아이폰 설정-일반-소프트웨어 업데이트 에서 하시면 됩니다. 44메가용량. 배터리개선이 되었다고 발표했지만, 아직 완벽히 해결된 것은 아니라는 사용자들의 리포트가 이어졌습니다. 이에 애플은 공식 성명에서 많은 배터리 문제를 고쳤지만 아직 더 조사중이라고 발표했습니다. Apple: We’re looking into lingering battery complaints
• 안드로이드 아이스크림샌드위치에 새로 추가된 Space 와 GridLayout 소개 기본으로 사용되던 LinearLayout을 대체할만한 큰 화면 대응 레이아웃
• 애플이 새로 업데이트한 애플스토어 아이폰 앱 사용후기 An Unbelievably Awesome Retail Experience 매장에 가서 앱을 실행하면 위치정보를 파악하여 내가 애플스토어 매장에 있는지를 인식하여 바로 바코드 스캐너가 실행되고, 사고 싶은 물건을 스캔하고 체크아웃 누르면 아이튠스 암호 넣고 결제완료. 이런 것들로 보면 정말 애플이 NFC 에 신경을 안 쓰고 있는게 당연하다 보일정도입니다.

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

• Scaling Isomorphic Javascript Code – Javascript는 isomorphic 언어다. 어떤 코드 몇 줄이라도 클라이언트 또는 서버 어디서든 실행되는 것을 의미. 이 Isomorphic 에 대해 설명하면서 기존의 MVC, MVVM 등과 비교되는 “Resource-View-Presenter” 라는 패턴을 제시
• Flatiron – Nodejitsu가 제시한 node.js 기반의 풀스택 웹어플리케이션 개발 프레임워크 & 툴 셋. Isomorphic & Stream 기반 어플개발에 최적
• Mashery가 후원한 “Reinventing Local” 해커쏜 결과정리 총27개의 신규앱 개발. 하루반나절짜리 무료행사인데 좋은 음식에 수상팀5개는 2백만원씩 상금까지. 멋지네요
• 국가 선택 옵션창 재디자인 하기 글로벌서비스 만들때 200개가 넘는 국가이름 과 별칭포함해서 선택하는 부분은 항상 문제. 단순 콤보박스 보다 다양한 향상이 포함된 검색박스로 바꿔보세요
• Popcorn – 모질라가 만든 비디오/오디오와 웹을 인터랙티브하게 연결해주는 JS 라이브러리 & 저작환경. 온라인강의를 만들때 딱 좋을듯

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

• Node.jS v0.6.0 발표 –이제 정식으로 윈도우즈 지원 및 멀티프로세스/멀티코어를 위한 Cluster API 추가
• LensKit – 추천 시스템(Recommendation)을 만들고 연구하거나 할때 사용할수 잇는 오픈소스 툴킷

[ 추천글 ]

• The Tweaker – 트위커, 잡스 뉴요커에 실렸던 기사의 한글번역본. “일단 다른 걸 가져 와봐요. 그럼 알게 될 테니.” 티핑포인트 를 쓴 말콤 글래드웰의 글입니다.
• 가트너의 2012년 10가지 주요 IT 트렌드 가상화/빅데이터/에너지효율화&모니터링/컨텍스트 어웨어 앱/직원 붙잡기/SNS/컨슈머라이제이션/단위면적당 계산량/클라우드/Fabrics
• 가트너의 2012년 10가지 전략기술 트렌드 미디어타블렛/모바일중심 앱/소셜&컨텍스츄얼 UX/앱스토어/사물인터넷/차세대분석툴/빅데이터/인메모리 컴퓨팅/극저전력서버/클라우드컴퓨팅

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

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

이번주는 야후가 새로 공개한 Cocktails 를 메인으로 선정했습니다. 비록 신흥기술기업들에 밀리고 있지만, 야후는 웹기술에 대해서는 저력을 가지고 있습니다. 야후의 새로운 변신을 기대해봅니다.
 

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

• 야후 Cocktails – HTML5,Node.JS,CSS3,JS를 조합한 야후의 새로운 웹관련 제품기술군. 그 기반으로 JS 웹앱프레임워크 Mojito 와 서버사이드 웹앱호스팅 환경 Manhattan 을 발표. 야후의 개인화 뉴스 플랫폼 아이패드용 앱인 Livestand 가 이 Cocktails 에 기반하여 개발됨. 앱은 Mojito 로, 서버는 Node.js 로 되어있음. 야후가 자바스크립트 환경에 대해서는 저력을 보여주는군요. 관심두고 봐야할 프로젝트.
  • 기존에 야후가 만든 강력한 쿼리 랭귀지 플랫폼 YQL 역시, 이 Cocktails 에 힘을 보태주고 있음 How YQL powers Cocktails, the technology behind Livestand
  • 야후의 오픈소스 JS/CSS UI 프레임워크인 YUI 또한, Cocktails 와 쉽게 연동됨 YUI for Cocktails
• 구글캘린더에 미팅 참석자들의 일정을 참고해서 모든 사람들이 참석 가능한 “추천미팅시간”들을 보여주는 기능 추가 구글앱스를 사내시스템으로 사용하는 회사들에게는 정말 좋은 기능일 듯
• GitHub Enterprise 버전 출시 – 회사내부에 구성하는 GitHub. 가상머신이미지로 배포됨. 20 User/$5000/1 Year 가격은 좀 쎈듯..
• Engadget을 그만두고,임시로 This is My Next를 운영하던 Joshua Topolsky가 새로운 사이트 The Verge를 오픈. 멋진 디자인과 기능,필진들로 무장한 리뷰사이트. 정말 깔끔하게 잘 만들었네요. 비교페이지의 기능도 훌륭하고. 광고도 그리 많지 않고. 국내에선 이 정도급의 전문 리뷰사이트를 본적이 없는듯

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

• How to GoMo – 구글에서 왜 모바일에 집중해야 하는지, 어떻게 모바일페이지를 만드는지를 이쁘게 정리한 사이트. GoMoMeter라는 모바일 페이지 테스트기능도 있군요
• Sencha의 iOS5 HTML5 점수표 Canvas는 미친듯이 빠름(iOS4보다 5~8배)/제한적이지만 WebGL지원/WebWorker동작/HTML5 폼필드 지원/XHR2 지원
• iOS5에 추가된 저용량시 캐쉬폴더 자동삭제기능문제의 보완책으로 5.0.1에 새로운 “백업금지” 파일속성이 추가됨. 재성성가능하지만 캐쉬엔 보존할 오프라인용 정보에 사용가능. 1장 PDF인데 개발자만 다운가능
• Square 의 CardCase 앱 소개 동영상 “Pay, without paying” LBS 와 결제를 잘 연결한 모바일지갑의 모던한 형태네요. CardCase 앱은 iOS5의 Geofence 기능(특정위치에 가면 알람이 울림)을 이용하여 NFC를 대체 하게 되었다는 기사. Who needs NFC? Square launches geofence payments 딱 NFC대체는 아니지만,애플이 NFC에 목맬필요는 없을듯
• iPhone 4S Starter Guide – 맥월드에서 만든 iBooks용 무료 e북. 총 75페이지
• 멋진 아이패드 배경화면 100+가지

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

• Xtend – 자바개발자를 위한 새로운 언어. 자바코드로 컴파일되며,자바의 불필요한 기능제거,클로저/강력한Switch/템플릿/DI를 이용한 확장기능등을 추가. 마치 커피스크립트를 보는듯
• sfntly – 구글이 공개한 Java/C++용 오픈소스 폰트 프로그래밍 라이브러리. OpenType/TrueType 폰트들을 마음대로 읽고,수정하고,생성할수 있도록 해줌
• 내가 JVM 퍼포먼스 튜닝에 대해 배운 모든것 트위터 엔지니어가 공개한 62장 슬라이드. 메모리,CPU,Lock,I/O 튜닝방법에 대한 정리들. GC에 대한 정리가 매우 상세하네요
• Animatable – CSS 트랜지션 갤러리. 각 CSS 속성별로 하나씩 정리해뒀습니다. 카피해서 사용할만한 효과가 많네요. 추천!
• FlashJS – HTML5 게임 및 웹앱을 만들기 위한 자바스크립트 라이브러리 인데 Flash의 ActionScript 와 비슷한 방식을 제공. 플래시 개발자분들이 쓰기 좋으실듯
• 웹 디자이너를 위한 Firebug 가이드 개발에 관련한 내용들보다 주로 웹 디자이너들이 쓸만한 기능들 몇가지에만 주력한 초보자 가이드
• 야후의 자바스크립트 아키텍트, 더글라스 크록포드의 자바스크립트 강의 동영상을 정리한 페이지
• 구글 번역 API대신 Microsoft 번역 API 사용하기 유료화 되어버릴(12/1부터) 구글대신 무료인 MS껄로 바꾸는 방법
• ARC ( Automatic Reference Counting ) 에 대해 알아야할 모든 것 Objective-C 개발시 많이 신경쓰였던 메모리관리를 혁신적으로 개선했다고 하는 ARC에 대한 오해와 진실들

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

• Redis에 수억개의 키밸류값 저장하기 인스타그램의 Redis사용 노하우. Redis Hash를 사용해서 메모리사용량을 1/4로 줄였군요. 3억개 키저장에 21GB -> 5GB이하로
• AWS상에서 Cassandra의 Scalability 벤치마킹하기 넷플릭스가 288개의 EC2인스턴스를 사용하여 벤치마킹을 수행한 방법및 카산드라 설정,총 비용까지 공개
• 어플리케이션에 맞는 데이터저장 솔루션 선택방법 자료타입,확장성,쿼리타입,데이터 일관성 이 4가지에 대해 상세히 정의하고 각각에 따라 어떤 솔루션이 알맞는지를 정리한 Infoq의 아티클
• 구글 앱 엔진 퍼포먼스 튜닝을 위한 15가지 방법 Query 보다 자동캐쉬가 되는 GET을 써라,로그인창에서 AJAX로 미리 memcache를 준비시켜라.. 등 매우 실전적인 사례들
• h5ai – 아파치 웹서버로 디렉토리 브라우징을 할때 보여지는 화면을 HTML5버전으로 멋지게 만들어줍니다. 깔끔한 트리구조와 BreadCrumb처리,탐색기 비슷한 아이콘 보기 화면까지
• 클라우드 컴퓨팅에 대한 10가지 예언 PaaS & Public이 대세/특수목적 Cloud출현/항공사 마일리지 연합과 비슷한 클라우드 페더레이션의 출현.. 한번 읽어볼만합니다

[ 추천글 ]

• MMORPG 동접개선을 위한 개발이야기 156장짜리 한글발표자료. 게임얘기지만 게임내부보다는 Social과 Service,조직운영까지 너무 잘 설명. 꼭 읽어보시기 바랍니다. 초강추!
• 애플 공급망의 비밀 40%라는 엄청난 마진은 대부분, 애플이 가진 운영노하우에서 나왔다. 내년에도 애플은 공급망에 대한 자본지출을 71억달러로 거의 두배 늘릴계획이다.
• 22개월동안 28만개의 젤리빈을 사용해서 만든 Kina Grannis의 “In Your Arms” 스톱모션 뮤직비디오 금방 보는 3분 영상에 들어간 노력들. 이게 바로 dedication

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

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

이번주는 새로 공개된 Google TV 버전2 와 스티브 잡스 자서전 발표후 계속 회자되고 잇는 애플 TV , 그리고 앱이 TV채널이 되는가? 라는 글을 모아서 특집으로 묶어 봤습니다.
 

[ Google TV , Apple TV 그리고 TV의 미래 ]

• 작년에 공개되었지만, 그다지 관심을 받지 못했던 구글 TV 가 버전2를 출시했습니다. 더욱 심플해진 인터페이스, 검색 및 추천 기능의 강화, 구글 TV를 위한 새로운 Youtube , 안드로이드 마켓 지원등이 업데이트 되었습니다. 이것은 소프트웨어 업데이트이며, 기존의 모든 구글 TV 디바이스들은차차 업그레이드 되기 시작하며, 새 파트너들의 신규 디바이스도 출시될것이라고 밝혔습니다. 이에 따라 구글 TV 공식 사이트도 새로운 GoogleTV v2 의 내용으로 업데이트 되었습니다 http://www.google.com/tv/
• 새로운 구글 TV 의 동작 데모 비디오가 4개 공개되었습니다 , 다만 2번째 Search 비디오에서 항상 첫번째 결과는 “See all results” , 2번째 결과는 “구글에서 검색하기” 라는게 걸리네요. 뭔가를 검색할때마다 첫번째 결과가 내가 원하는 정확한 아이템이 아니고, 더 많은 검색결과를 보는 버튼이라면 사용자에게 더 불편함을 주지 않을까 라는 생각도 듭니다.
• 구글 TV 의 새로운 기능은 좋지만, Hulu 는 아직도 불가능하다는 테크크런치의 기사 , 컨텐츠가 중요하다는 기사인데 기사제목보다 URL에 눈길이 가는군요 “Just lipstick on a pig”
• 잡스의 자서전 출시후 그 안에 적혀있던 스티브 잡스의 말 “컴퓨터와 아이팟, 아이폰에서 달성한 것을 TV에 적용하고 싶었다. 드디어 그 방법을 찾아냈다” 라는 것 때문에,  Apple TV 관련 글들이 많아지네요. Siri 로 작동하는 애플 TV가 2013년에 출시될 것이라는 NYT 기사
• 미국 코미디 드라마인 30 Rock 에서 선보였던 음성 제어 TV의 모습 이것의 Siri 의 미래모습은 아니겠지만..
• 애플이 만들 TV 는 현재와 같은 Addon Box 가 아니라 실제 TV 여만 한다는 이유를 정리한 글 Here’s why Apple’s TV needs to be an actual television, and not just a cheap add-on box , 애플이 단순히 기기가 아니라 경험을 판다 / 애플은 첫번째 인터페이스가 되고 싶어한다 / 애플은 강하게 결합된 소프트웨어,하드웨어,서비스를 판다. 이젠 정말 나올지 안 나올지가 아니라 언제 나올 것인지에 관심
• 아이패드 앱 하나하나가 TV채널이 되는 시대 , 비슷한 내용의 글 하나더 Apps are the new channels

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

• 구인하는 회사들이 어떻게 SNS를 활용하여 지원자들을 체크하는지에 대한 인포그래픽 , 이젠 구인/구직활동에 있어서도 SNS활용은 대세.
• 실용주의 프로그래머로 유명한 Pragmatic Bookshelf 가 자신들의 e북 구입시 Dropbox로 바로 싱크하는 옵션제공시작 이런 시도 좋은듯
• 구글 지도 API 사용료 과금정책 정리 일 2.5만PV(월75만PV)까지는 무료, 그 이상은 1000PV 당 $4 과금예정. 내년초부터 적용예정
• 페이스북 소셜겜 3위인 Wooga 의 발표 “1백만 유저와 no cache” Redis 를 활용했군요. php 에서 Ruby 로 거기서 Erlang으로 다시 Erlang+Ruby 로 계속 발전중이라고

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

• Android Orphans: Visualizing a Sad History of Support 제목이 공격적이긴 하지만, 파편화된 안드로이드 기기들을 한눈에 보여주는 도표
• 안드로이드앱을 Kindle Fire에서 실행되게 할때 고려해야할점 FAQ 진저브레드 이상, 1024×600 해상도 및 구글모바일서비스(GMS) 없이도 실행되어야함
• 차기 아이폰에 추가될 파괴적인 기능은 VoiceTime처럼 명명될 ‘고음질전화’ 기능이 될 것이라는 예상이 나왔군요. iMessage/FaceTime으로 통신사영역을 깬 전례에 비춰보면 은근 말이됨
• iOS5의 음성인식 버튼이 원래는 짙은 회색, 키보드가 여러 개일때는 옅은 회색으로 바뀌는 이유 빠르게 타이핑할때는 스페이스바 키가 되기 때문이라고..
• 노키아+윈도우즈폰에 대한 뼈아픈 질문들 Nokia’s first Windows phone looks good: Now for the hard part 왜 아이폰/안드로이드 대신 윈폰을 사야할까? / 통신사들이 윈폰을 선택해야할 이유는? / 개발자들이 윈폰용 앱을 만들어야할 이유는? MS+Nokia 진영의 적절한 답이 필요한 시점

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

• jQuery 1.7에 추가된 $.Callbacks 시작 가이드 , 이 기능은 한글로 설명하기 참 어렵네요. “다용도 다중 콜백 리스트 처리 객체” 정도 ?
• List.js – 7KB로 만들어진 크로스브라우저 지원 HTML 리스트 라이브러리. 검색,정렬,필터링,동적 추가/수정/삭제 지원
• jsMorph – 2.43KB 짜리 초경량 자바스크립트 모션 프레임워크. 트랜지션 데모 필감. 심지어 IE5.5에서도 동작
• Script-Cover – 크롬확장으로 만들어진 오픈소스 자바스크립트 커버리지 분석 툴 소스코드 수정이 전혀 필요없음. 페이지 로딩해보면서 어떤 코드가 실제로 실행이 안되는지 확인가능
• FBGraph – 페이스북 그래프 API를 node.js 에서 사용할수 있도록 해주는 모듈. FQL까지 실행가능. Node를 이용한 서버단에서 배치로 페이스북 그래프처리할때 쓰기 좋을듯
• 애플 무손실 음원 압축포맷 ALAC(Apple Lossless Audio Codec)을 오픈소스로 공개 인코더/디코더 포함 및 커맨드라인 유틸 포함. 아파치 라이선스
• WebKit in your Living Room Netflix UI 엔지니어의 HTML5 개발자 컨퍼런스 발표동영상. 넷플릭스는 450개가 넘는 디바이스를 지원하는 N-스크린의 강자
• CoderDeck – HTML5 및 JS 발표시 라이브코딩이 가능하도록 만든 슬라이드 템플릿. HTML5-Slide + JSBin 이네요. HTML5 관련 발표때 쓰면 딱 좋을듯
• HTML5 기본에 대해 얼마나 아는지 테스트해보는 퀴즈 How Well do you Know HTML5?
• 웹개발자에게 유용한 코딩툴과 자바스크립트 라이브러리 모음 Useful Coding Tools and JavaScript Libraries For Web Developers 스매슁매거진의 꼼꼼한 정리
• Broadway.js – 자바스크립트로 만든 H.264 디코더. 드디어 비디오 코덱도 자바스크립트로! 현재버전은 Emscripten을 이용해서 변환한것이지만 직접 버전도 개발중

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

• Sencha의 모바일 HTML5 클라우드 서비스 Sencha.io 개발자를 위해 Login/Data/Messages/Deployment 4가지 주요 서비스를 제공
• 페이스북 메시지 의 스토리지시스템 구조 메시지 메터데이터와 짧은 메시지는 HBase에, 첨부파일과 긴 메시지는 Haystack 을 이용. 하루에 60억개의 메시지 처리
• StackExchange 아키텍처 2011버전 웹용 10대의 윈도서버,MSSQL DB용 4대의 윈도서버,Redis 캐쉬서버 2대,HAProxy 2대
• MongoDB & EC2 : A Love Story ? – 몽고디비를 클라우드상에서 사용할때 고려해야할 것들

[ 추천글 ]

• 스티브 잡스, 거인의 이야기 CBS에서 방영된 60 Minutes의 전체 내용을 번역한 글

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