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

Instagram 이후로 이렇다 할 신규서비스가 없던 상태에서 2가지 주목할만한 서비스가 등장했습니다. Pinterest 와 Stamped, 소셜네트웍이 좀더 실생활에 도움을 주는 형태로 발전하고 있다고 보여집니다.
 

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

• Pinterest – 사진,글,비디오,선물 등 자신이 맘에 드는 것들을 공유하는 온라인 핀보드. 아직도 초대기반 베타상태인데 지난달에 4억PV를 돌파했다는 테크크런치의 기사 Pinterest Is Now Pulling In More Pageviews Than Etsy; Grew 2,000% Since June , 인스타그램 얘기가 뜸~한 가운데 갑자기 뜨고 있는 친구들. 실제로 오픈한지는 2년이나 되었지만, 이렇게 된데는 진짜 지인들간의 네트웍 이펙트에 기반한 좀더 현실과 가까운 바이럴 마케팅이 한목을 했다는 테크크런치의 분석기사. 이쁜사진들로 가상의 네트웍을 구축하고 트위터/페이스북 공유를 통해 갑자기 인기를 끈 인스타그램과 비교를 했네요 How to Make Your Startup Go Viral The Pinterest Way
• Stamped – 소셜 네트웍/추천 엔진. 추천하고 싶은 식당,장소,책,음악,영화 등에 도장만 찍으면 되는 방식. 별점 대신 자기색상 도장을 찍는 컨셉으로 호응을 얻어내고 있음. 공동창업자 3명중 2명이 구글 출신이지만 인스타그램처럼 오직 아이폰앱만 제공합니다. 단순하게 포커싱하기 위한 전략. 전체적으로 앱의 디자인이 깔끔하네요. 최근의 버티컬 SNS앱 추세를 보여주는 듯.
• 별5개 짜리 평가시스템 보다 좋은 대안이 있나요? 넷플릭스 부사장의 긴~답변인데 정말 좋네요 “좋다/나쁘다가 아닌 다른 변수에 대한 최적화라고 생각하세요” 기획/개발자 분들 필독
• Clea.nr – Youtube 화면을 깔끔하게 만들어주는 브라우저 플러그인. FF/크롬/사파리 지원. Youtube Options Extension 이랑 결합하면 깔끔한 화면에 동영상 다운링크까지!

 

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

• TellMe vs Siri – MS의 CSO가 Siri는 좋은 마케팅일뿐, MS는 이미 1년전에 윈폰7에서 구현했다고 말한거에 대해 비교테스트한 동영상. 결과가 잔인하군요
• 킨들파이어로 스크린샷찍는 방법 무려 22단계..
• CSS3 패턴 갤러리 CSS만으로 만든 배경패턴 모음. 각 패턴을 직접 수정해보면서 테스트 가능. 대부분 사이즈가 1k 이하네요.

 

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

• iWebInspector – iOS용 웹앱 개발시 디버깅/프로파일링 을 할수 있게 해주는 무료 툴. 사파리나 UIWebView형태 모두에서 사용가능. 현재는 iOS시뮬레이터하고만 동작됨
• 프린트용 CSS 만들기 스매슁매거진의 깔끔한 정리. 출력시에 안보이는 A태그의 URL도 Pseudo 엘리먼트를 이용한 주소 출력방법을 이용 ‘미싱링크’란 이름으로 잘 정리했네요

 

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

• Global Netflix Platform – Netflix 플랫폼 발표자료. 총75p. 100% 퍼블릭클라우드 기반. AWS상에서 돌아가는 대형 자바기반 PaaS를 구축했다고.. “경쟁자를 파트너로” 가 인상적이네요

 

[ 추천글 ]

• 수잔 케어의 스케치북 맥 초기의 서체와 아이콘들을 디자인한 여성 디자이너의 이야기. 코맨드 버튼의 ⌘아이콘이 그녀의 작품이군요!

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

구루의 기술뉴스 ( 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리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다