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

이번주는 나온지는 좀 오래되었지만 최근에 더 잘 활용되고 있는 북마클릿 ( Bookmarklet ) 을 메인아이템으로 선정했습니다.

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

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

• 북마클릿이란 무엇이고, 어떻게 만들어야 하는가 http://j.mp/gl0Fuw 링크연결이 필요한 웹서비스를 만드신다면 꼭 알아둬야 할 기술.
  • 북마클릿 ( Bookmarklet ) – 북마크(Bookmark)와 애플릿(Applet)의 합성어. 웹브라우저의 북마크를 활용한 작은 어플리케이션
  • Pinboard , Instapaper, Delicious 같은 URL을 저장해야 하는 사이트들이 북마클릿을 잘 활용
  • http://www.pushthepage.com/ 같은 앱은 데스크탑 웹브라우저의 URL을 아이폰/아이패드로 보내는데도 북마클릿을 사용
  • http://kathack.com/ 같은 사이트는 예전 플레이스테이션 게임인 Katamari ( 괴혼 : 굴려라 왕자님 ) 을 웹 브라우저에서 동작하도록 만들었는데, 이것 역시 북마클릿을 활용했습니다. 꼭 한번 실행해 보세요. 어떤 사이트든 다 굴릴 수 있게 해줍니다.
  • 모바일 사파리에서 AirPlay 지원하게 HTML5 video 태그 변경하기 http://j.mp/fAj3Su 자바스크립트 북마클릿으로 AirPlay 지원안하는 사이트도 강제로 하게해줍니다
  • 아이패드 사파리에서 현재 웹사이트의 소스를 쉽게 보기 위한 북마클릿 http://j.mp/gD3ayi
  • Mobile Perf 북마클릿-모바일 웹 개발자를 위한 북마클릿. 등록하면 모든 모바일 페이지에서 Firebug Lite/페이지 리소스보기/DOM몬스터/CSSess 등을 실행가능! http://j.mp/mperfb
  • 모든 웹페이지를 슈팅게임으로! http://j.mp/aK27ro 화살표키로 조종하고 스페이스키로 발사. 북마클릿으로 작성되어 어떤 사이트에라도 적용가능.
  • 복잡한 웹페이지를 깔끔하게 출력할때 The Printliminator – 정말 최고! 소개동영상 필감. 북마클릿으로 저장되어 아무 사이트에서나 사용가능 http://j.mp/dhqGra
• 트위터 5주년 기념으로 새로운 숫자들 공개 http://j.mp/gFicAv 첫 10억번째 트윗이 등록되는데 3년2개월이 걸렸지만, 이젠 1주당 10억트윗,하루에 1억4천만 트윗, 매달 50만명씩 증가중.. 엄청난 성장세로군요. 트위터 서버가 매번 몸살을 앓는게 이해가 되기도 하고, 이젠 정말 대용량/실시간에 대한 고려없이는 사이트를 만드는게 어렵겠구나 하는 생각이 듭니다.
• Dropbox 에서 얻은 6가지 교훈 http://j.mp/hLG7tL Python 99.9% ! 안드로이드를 제외하고 모든 소스가 파이썬. 상당히 특이하네요. 윈/맥/리눅스 앱을 다 파이썬 싱글코드 베이스로 만들었다고 합니다.
• P2P Web App 에 대한 제안 http://j.mp/gUwuoI ServerSide JavaScript 를 다시 브라우저 단까지 내려서 P2P 형태의 웹앱을 구성하면 안정성/확장성/속도 에 강점이 있다는 재미난 주장. 한글 번역본을 @gc8134 님이 제공해 주셨습니다. http://j.mp/fAppAf
• 구글 API 에 대해 OAuth 2.0 적용 개시 http://j.mp/eAw1Sb 2.0스펙이 아직 드래프트 상태인데 구글이 빠른 발걸음을 보이는군요
• OAuth,OpenID,Facebook Connect 등 다양한 인증방식에 대한 Design Best Practices 발표자료 http://j.mp/eN4D1x
• 구글 Docs 에 Discussion 기능 추가 http://j.mp/gtUoVX 마치 예전 Wave를 보는듯 하지만, 더 깔끔하군요. 이제 웬만한 문서 협업은 구글Docs 로 끝낼수 있을 듯.

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

• iOS 4.3에 추가된 Nitro엔진이 사파리에만 동작하고 UIWebView에는 적용이 안되어 앱스프레소/폰갭같은 하이브리드앱에서는 못쓰는 상태라는군요. 애플 이러기야! http://j.mp/glagon , 이에 관련해서 DaringFireball 의 존 그루버는 아마도 보안문제 때문일 것이라는 의견을 정리했습니다. http://j.mp/hd8LEJ
• http://pttrns.com iOS UI 들을 종류별로 모아놓은 UI 패턴 모음 사이트. 유명한 앱들이 많아서 참고하기 좋네요. 강력추천!
• 아이패드2 판매량을 올해 3600만 대로 봤을때, 60%의 구매자가 Smart Cover를 산다고 가정하면, $1B 매출을 예상 http://j.mp/gMpnOZ 약 1조원짜리 악세사리군요. 장사는 이렇게하는거구나..
• 안드로이드 3.0의 하드웨어 가속 기능 활용하기 가이드 http://j.mp/fDGs9t
• 아이폰에 NFC가 도입된다면 다른 컴퓨터에 이를 이용하여 로그인하여 사용하고 파일은 아이폰에 저장되는 리모트 컴퓨팅이 도입될수도 있다는 기사 http://j.mp/f9J89e

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

• 웹 개발의 ABC http://j.mp/epQhI3 웹 개발 관련 용어들을 A-Z 까지 26개 첫글자로 뽑아서 각 단어설명 및 관련 링크를 제공. 재미난 정리로군요. 모르는 단어가 없는지 검사들 해두세요
• HTML5 히스토리 API 해킹하기 http://j.mp/ia5TOt 이건 마치 2011년형 Blink + Marquee 태그의 귀환! ( 중간에 Try Out을 누르고 브라우저 URL부분을 보세요 )
• HTML5 Audio 의 현재상태 http://j.mp/gxxsQ2 , 아직 그다지 좋은 상태는 아니로군요. 브라우저 업체들이 Audio 쪽 지원은 많이 미진한듯.
• d3.js – 데이터를 DOM에 편하게 붙일수 있도록 지원하여 문서 제작을 도와주는 자바스크립트 라이브러리 ( Data-Driven Documents ) http://j.mp/i7ZNTm
• HelloRacer – three.js 를 이용해 만든 멋진 HTML5 WebGL 데모. 크롬 사용하시는 분들 한번 들어가보세요 http://j.mp/hBtZAC 화살표키로 조작,스페이스는 브레이크,엔터는 카메라 변경
• CSSWarp – CSS3 를 이용해서 글자를 경로(Path)상에 배치해주는 툴. UI로 조작 후 Generate 하면 HTML 코드로 만들어줍니다. 물론 한글도 잘됩니다. http://j.mp/eS5r2T
• Firefox4 데모에 새로 추가된 Runfield 게임 http://j.mp/gW6Pad , HTML5 캔버스를 이용한 게임이군요.
• Sencha의 아이패드2 HTML5 테스트 http://j.mp/eg3YKt “아이패드2의 사파리는 모바일상에서는 최고의 웹킷 구현체이다. HTML5 앱 개발자에게 강력추천” 예상대로군요. 구글은 요즘 뭐하는지 모르겠네요. 쩝..
• Responsive Web Design 의 구성 요소들 이해하기 http://j.mp/dZqhwO 마지막 2문단이 중요. “아직 완전하진 않지만, 분명히 맞는 방향이다”
• CSS 프레임웍들의 장점과 단점 정리 http://j.mp/fMbBBR 국내에선 적용사례를 많이 못 본것 같은데, CSS 프레임웍들도 점점 세를 넓혀가는듯
• 모바일에서의 입력 Form 디자인 전략 http://j.mp/hLYXG4
• avascript 로 Pull to Refresh 구현하기 http://j.mp/hLxGdS 트위터 앱의 그 끌어당겨서 리프레시 하는 기능을 웹에서 구현. 아이폰/안드로이드 지원

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

• Big Data Cookbook http://j.mp/ifOOZH 요즘 인터넷상에서 얘기되는 초~대용량 데이터 관련내용들을 이해하려면 알아두어야 하는 기술용어들
• 페이스북의 실시간 분석 시스템에 관한 50분짜리 강연 동영상 http://j.mp/fRlHNu , 최근 페이스북은 발전된 실시간 분석시스템을 오픈했습니다. 이 시스템의 구조에 대한 강연입니다.

[ 해외 뉴스 및 블로그 ]

• 사람들은 잘 동작하는 것에 값을 치르는걸 좋아한다. 무료인것들이 있더라도,시장에 무료가 넘치더라도,사람들은 자신이 좋아하는 것은 구매할것이다 – Jason Fried “어떻게 하면 돈을 잘 벌수 있는가” 란 글에서 http://j.mp/gYLkcn
• 웹과 TV의 충돌 – 스트리밍 업체 넷플릭스가 TV시리즈 비딩에 참가해서 케이블업체인 HBO와 경쟁하고,2시즌을 통으로 구매하겠다는 얘기까지 http://j.mp/foX3Ax 아마 아이튠즈도 조만간 이러지 않을까..
• 일본 대지진 때 도쿄 애플스토어가 한일 – Digg 창립자인 Kevin Rose 가 일본 애플에서 일하는 지인에게 받은 이메일 번역본 http://j.mp/gLxuqe
• 아이패드2와 함께한 일주일 – 한국어 리뷰.. http://j.mp/eaLcWp
• 벤자민 프랭클린의 하루 스케줄표 http://j.mp/hWNovE

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

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

이번주는 저희 KTH 에서 출시한 하이브리드 웹 앱 개발툴 앱스프레소( Apppresso ) 를 메인뉴스로 선정했습니다 잘 부탁드립니다! ^^;

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

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

• 하이브리드 웹 앱 개발툴 앱스프레소 ( Appspresso ) 공개 http://appspresso.com HTML5 및 웹 기술을 이용하여 아이폰/안드로이드 앱들을 동시에 만드는 툴. 저희 KTH에서 외부 모바일 개발자들을 대상으로 출시하는 첫 제품입니다.
  • HTML5 및 Sencha,jQueryMobile 등의 웹기술을 이용하여 아이폰/안드로이드 앱을 개발하는 툴입니다.
  • Eclipse IDE 에서 개발하고 Build시 iOS/Android 로 선택하여 바로 빌드가 가능합니다.
  • 카메라,파일시스템 등의 Device API 사용을 위해서 WAC 의 Waikiki API 스펙을 아이폰/안드로이드에서 구현하고 있습니다.
  • 얼마전 출시된 푸딩얼굴인식 for Android 가 앱스프레소를 이용하여 개발되었습니다.
• 애플 앱스토어 리뷰조작 의심도 검사기 http://appreview.zz.gg , 같은 사람이 여러 번 올린 리뷰들을 자동으로 검색하여, 작성날짜, 작성자, 작성수, 별점등을 이용하여 분석합니다. 재미난 시도로군요 ㅎㅎ 다행히 저희 회사 앱들은 모두 “청렴함” http://j.mp/g0CmJG
• Rovio는 어떻게 Angry Birds를 성공시켰나? 그리고 다음은 무엇인가 ? – Wired 기사 http://j.mp/hphZ1A 다음은 페이스북 그리고 콘솔로 진출하는군요. iOS시장 공략에 대해 매우 상세한 설명
• 아무도 아이패드의 가격을 못 따라가고 있다. http://j.mp/fTdHGU “경쟁사가 현실적인 가격제시를 못한다면 아이패드가 계속 시장을 점유할 것입니다. 당장 아이패드가 태블릿의 기준을 너무 높여 놓았어요”

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

• Google API Explorer – 구글 API들을 인터랙티브하게 테스트해볼수 있는 웹툴이 공개되었습니다. 아직은 7개 API만 사용가능 http://j.mp/eNe1uQ
• “트위터는 1막이었다” http://j.mp/fO0Sl3 트위터를 만들고 이젠 Square를 미래의 결제 네트웍으로 만들고 싶어하는 Jack Dorsey의 꿈에 대한 인터뷰
• 애플의 전략 세금. The Apple Strategy Tax 한글번역본 http://j.mp/fKi9NW 플랫폼을 만드는 입장과 비즈니스를 만드는 입장간의 관계를 다룬 흥미로운 글
• http://memolane.com 자신의 모든 소셜네트웍 행적을 묶어서 멋진 타임라인으로 보여주는 사이트. 페북/트위터/플리커/피카사/Last.fm/포스퀘어/인스타그램/Tripit/유튜브.. 다양한 사이트 지원
• http://loads.in 전세계 50여개의 지역에서 자신의 웹사이트가 어떤 속도로 로딩되는지를 체크해 주는 웹사이트. 전세계 대상 웹사이트를 만드신다면 필수 체크

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

• HTML5 사이트를 모바일 친화적으로 만들기 http://j.mp/eoTmc2 구글에서 깔끔하게 튜토리얼을 정리했네요. @gc8134 님이 한글번역본을 만들어주셨습니다. http://j.mp/g89vBv
• Ultimate HTML5 Cheatsheet http://j.mp/flPRBx , HTML5 관련해서 작업하실 때 한 부 뽑아두고 참조하세요
• Web O’ Wonder – 모질라가 직접 만든 HTML5 데모사이트. 우리가 만들면 이 정도는 한다! 수준을 보여주는듯 http://j.mp/f0mFH2
• “The Node Ahead : 자바스크립트가 브라우저에서 미래로 점프한다” http://j.mp/gXxqHd 영국 The Register 의 Node.js 기술 개요와 미래를 광범위하게 조망하는 정말 훌륭한 글. 이 글과 함께 볼만한 “왜 다들 Node 에 대해 얘기하는가 ?” http://j.mp/gXFhF3
• 크롬 웹 스토어에 웹 앱 성공사례 5개 등록 http://j.mp/h5B9kx , 이제 웹 앱 개발자들도 앱스토어의 스타개발자들처럼 유명해 질 수 있을지.. ^^
• 멋진 HTML5 사이트를 만드셨다면 모질라 Demo Studio 에 등록해 보세요 http://j.mp/hWRaCp 2000년대 초반 멋진 플래시 사이트 상위를 차지했던 한국 웹 개발자들의 저력을 믿습니다

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

• StackOverflow의 내부 아키텍처를 잘 설명한 글 2개 http://j.mp/g73ttc , http://j.mp/dP1fOz 두 글의 간격이 약 2년인데, 그 동안 월 1600만 PV에서 9500만 PV로 성장. C# 과 ASP.NET , Razor , SQL Server , IIS 등 많은 곳에 마이크로소프트의 엔진을 이용했지만, HAProxy , Redis , Bacula , Nagios 같은 리눅스 기반의 기술들도 많이 이용되고 있네요.
• Summify 의 내부기술 설명 http://j.mp/hpnaGE 얼마전 Quora의 기반기술을 상세히 블로깅했던 Phil Whelan의 멋진 두번째 포스팅

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

처음으로 블로그에 구인 글을 적어봅니다.

저는 KTH 기술전략팀장으로 일하고 있구요. 저희 기술전략팀에서 같이 하실 개발경력자를 모십니다. 짧은 채용공고 로는 제가 원하는 분을 모실수 없을꺼 같아 주저리주저리 적어봅니다.

KTH 는 웹 포털 파란닷컴 과 LBSNS 아임IN , 푸딩카메라 , 푸딩얼굴인식 등 수많은 모바일 앱 과 하이브리드 웹앱 플랫폼인 Appspresso , 그리고 클라우드 관련 기술 ( 유클라우드 ) 외에 미디어 컨텐츠, GIS 등 다양한 사업을 진행하고 있는 유무선 융합 인터넷 업체입니다.

기술전략팀 의 업무를 간단히 소개드리자면, “KTH 가 앞으로 기술적으로 어떤 부분에 주력해야하고, 어떤 부분이 모자른지를 파악/조사해서 전략을 수립하는 팀”입니다.  큰 진행방향은 Smart Mobile 이라는 대 전제가 있구요. 세부적으로 KTH가 웹 , 모바일 , 클라우드 를 포함해서 정말 많은 분야의 일을 하고 있기때문에, 그 분야들에서 상세한 기술단위 전략을 만드는게 주 업무 입니다. 문서작업만 하는 팀 아니야? 라고 생각하실수도 있는데, 그건 일부일 뿐이구요. 기술적으로 필요하다면 Prototyping 및 내부개발까지 하기 위해 개발경력자를 뽑으려고 합니다. 현재로선 모바일 과 웹 쪽이 최우선 주력분야 입니다. 때문에 아이폰/안드로이드 및 SNS 등의 웹서비스에 관심&경험이 있으시면 더욱 좋습니다.

담당 업무

• 기술전략 로드맵 수립
• IT 기술 동향 분석 및 개발/지원
• Prototyping
• 기술교육 전략 수립 및 실행

기본 요건

• SW 개발을 좋아하는 개발자
• 3년 이상의 경력을 가진 개발자
• 웹 기술에 대한 기본적인/심도있는 이해
• 새로운 기술을 이해하고 시도해보는걸 좋아하는 분
• 영어 문서 보는데 부담 없으신 분
• 해외 여행에 결격사유 없으신 분

우대사항

• 기술 로드맵 수립 경력자 우대
• 모바일 ( 아이폰/안드로이드 ) 개발 경력자 완전 우대
• 웹 ( 모바일 포함 ) / 클라우드 관련 개발경력자 우대
• 국내/국외 컨퍼런스 & 세미나 발표 경험자 우대
• 영어 대화 가능자 우대

조금 비공식적으로 편하게 얘기를 하면, 새로운 기술을 익히는게 재밌고, (영어로된) 최신 기술 뉴스를 미친듯이 봐도 즐거우신 개발자 분이 오시면 딱 좋은 자리 입니다. ^^; 물론 개발을 손 놓으시면 감각이 떨어지니 계속적으로 개발을 하셔야 하는 자리이기도 하구요. ( 개인적으로 취미삼아 모바일 앱 개발 같은걸 진행하시는 분은 더욱 우대합니다. )

신기술을 분석만 하고 문서만 만드는건 아니고, 필요한 기술인경우 익혀서 코딩도 하고 내부/외부 강의까지 진행할수 있도록 만들어/지원해 드립니다. Developer Evangelist 역할을 준비하는 자리라고도 보실 수 있겠습니다. 자기가 좋아하는 일을 재미나게 해보고 싶으신 개발자님들 많은 관심 부탁드립니다. 모바일/웹/클라우드 관련기술에 대해 국내에선 최고!라고 인정받을수 있게 샅샅이 아실수 있도록 저와 같이 뛰었으면 합니다. 제 트위터를 보셨던 분들은 아시겠지만, 저도 작년에 제가 즐겁게 할수있는 일을 찾아서 옮긴거라서 즐겁게 같이 일할 수 있었으면 좋겠습니다.

관심있으신 분들은 KTH의 입사지원 페이지 를 이용하시면 되구요. 3월 입사지원은 너무나 좋은분들이 많이 지원해주셔서 잘 완료되었습니다. 하지만, 좋은 개발자분들은 저희 팀을 비롯해서 모바일/클라우드/소셜/웹 관련팀에서도 계속 충원을 진행하고 있으니 으로 문의하시거나 이력서 및 소개서를 보내주시면 됩니다. 저희팀에 맞는 이력이면 제가 진행을 하고, 다른 팀에 더 맞으시는 분들은 다른 팀장님들께 소개해드리고 있습니다. KTH 는 개발자들이 행복한 회사를 만들기 위해 계속 노력하고 있답니다. 좋은 회사에요 😉 많은 관심 부탁드립니다 (__)

구루의 기술뉴스 ( 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.com 과 http://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 , 디자이너가 개발을 배우면 또 기회가 있는듯 합니다.

[ 해외 뉴스 및 블로그 ]

• 새 맥북프로에 적용된 썬더볼트 기술 자세히 알아보기 http://j.mp/fp7BZp
• 2011년 웹 & 모바일 개발자가 주목 해야 할 기술들 https://xguru.net/635

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