구루의 기술뉴스 : 유용한 Web Site 140개, iOS 4.3 정리, 구글 크롬과 H.264

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

지난주에는 각 매체에서 쏟아진 2010년 각 분야 예상들을 모아봤습니다.
이번주는 140개 가량의 유용한 Web Site 들과 iOS 4.3 베타 펌웨어 및 Verizon 의 iPhone 소식, 구글 크롬의 HTML5 에서의 h.264 지원 제거가 주요 뉴스입니다.

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

  • 유용한 웹 사이트 101개 http://j.mp/ijqQnw 웹 앱이라고 부를 수 있는 다양한 사이트들.
    • Screenr.com – 정말 쉬운 방법으로 데스크탑 화면을 동영상으로 캡쳐하고 웹에 공유합니다.
    • Bounceapp.com – 웹 사이트를 캡쳐하고 그 위에 피드백을 달아 지인들과 아이디어를 공유하기 쉽게 합니다.
    • Untiny.me – 짧은 URL 들을 원래의 긴 URL 로 바꿔줍니다. API 도 제공
    • printwhatyoulike.com – 웹사이트 프린트시 필요없는 부분을 지우고 원하는 부분만 프린트 하게 해줍니다.
    • tabbloid.com – RSS 피드를 타블로이드 형태로 만들어 이메일로 배달해 줍니다.
    • join.me – 소규모 컨퍼런스 & 미팅을 위해 화면을 쉽고 빠르게 공유
    • dabbleboard.com – 온라인 화이트 보드
  • 웹 개발자를 위한 멋진 웹 앱 사이트 8개 http://j.mp/e772rk min.us / Wirify / CSS Resetr / Head JS / C&P Char / DB Designr / Web2PDF / ScriptSrc
    • min.us – 드래그 & 드롭으로 이미지 업로드
    • Wirify – 특정 웹페이지를 와이어프레임으로 만들어주는 북마클릿
    • DB Designr – 온라인에서 Database Schema 를 생성해주는 툴
  • 창의적인 사람들을 위한 웹 앱 20선 http://j.mp/fdeomk Drawing&Painting/이미지편집/비디오편집/음악생성 까지! 웹 앱의 발전이 정말 놀랍습니다
    • DeviantART Muro , Sumo Paint , Pixlr , Photoshop Express , Picnik : 웹 상에서의 그림 그리기 및 이미지 편집툴
    • JayCut , YouTube Editor : 비디오 편집툴도 이제 온라인에서 제공됩니다.
  • 구글 랩이 제공하는 웹 개발자용 툴들 9종 http://j.mp/ecsL6k
    • Gruyere – 해커들이 어떻게 보안 약점을 찾아내고, 어떻게 웹 앱을 exploit 하는지를 알려주고 그걸 막는 방법까지 설명하는 웹앱 http://j.mp/gF4gnH 소스코드도 제공
    • Browser Size – 웹사이트 위에 브라우저 크기를 알려주는 마커를 오버레이 해서 실 사용자들이 어느정도까지 보는지를 알려줍니다. http://j.mp/hv014J
  • How-I-Work : 난 이렇게 생산성 있게 일한다! 라는 분들이 자신의 개발/업무방법을 공개하는 사이트 http://j.mp/h5lmiA 아직은 맥 & 루비 쪽이 많지만 더 쌓이면 멋진 사이트가 될 듯합니다. 국내에도 이런 사이트가 있으면 좋겠네요.
  • 구글의 단축주소 서비스 goo.gl API 공개 http://j.mp/hGFcji 주소단축/확장 기능 외에 이 단축주소를 사용한 통계까지도 API로 가져올 수 있습니다.

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

  • Verizon 용 iPhone4 가 발표되었습니다. http://j.mp/htjBm5 , 2월 10일부터 판매를 시작합니다. Verizon 은 미국내 1위 이동통신사이지만 CDMA EV-DO 방식이여서 그동안 아이폰 사용이 불가능했습니다. 버라이즌이 올 한해 아이폰4 판매를 위해서 보조금 5조원정도를 준비했다는 루머가 있는데, 과연 얼마나 시장이 확대될지 주목됩니다.
  • iOS 4.3 변경사항 총정리. 스크린샷 포함 http://j.mp/gMazyG , Verizon 아이폰4에서 보여줬던 퍼스널 WiFi HotSpot 포함 및 아이패드의 락버튼을 원래대로 돌리는 설정, 아이패드에서 앱스위칭을 하기 위한 4-5핑거 멀티터치 제스쳐를 포함합니다. HotSpot 때문에 iPad 3G 의 효용성이 많이 줄것이라는 예상이 많군요.
  • 2010년 모바일 브라우저 사용통계 http://j.mp/gLhSQ4 정확하진 않겠지만 아이폰의 비중이 줄고 그외 모바일 폰들의 인터넷 사용량이 증가세
  • Mobile Perf Bookmarklet – 모바일 웹 개발자를 위한 북마클릿. 등록하면 모든 모바일 페이지에서 Firebug Lite/페이지 리소스보기/DOM몬스터/CSSess 등을 실행가능! 정말 유용합니다. http://j.mp/mperfb

[ 프로그래밍 ]

  • 다양한 화면사이즈의 플랫폼들을 동시에 지원하기 위한 Responsive Web Design 방법 http://j.mp/eWEYIJ , 모바일 웹에 디자인/개발자 분들은 필독!
  • 자바스크립트 Asynchronous 프로그래밍을 위한 서바이벌 가이드 http://j.mp/gNeis8 다양한 비동기 라이브러리들에 대한 설명이 담겨있어 비동기코딩이 필요할때 필독 포스트
  • Interact – 웹 앱에서 터치/마우스를 손쉽게 대응하기 위한 자바스크립트 라이브러리 http://j.mp/gsaJx8 화면줌할때 모바일에선 두손가락 Pinch로, 데스크탑에서는 휠로 대응
  • Multi-mechanize : 오픈소스 웹 퍼포먼스 & 로드 테스팅 프레임워크 http://j.mp/fmeOoY 파이썬으로 되어있고 Mechanize 라는 파이썬모듈을 제공하여 웹브라우징을 프로그램적으로 컨트롤가능
  • 웹 입력폼 관련 보안 처리 방법 정리 http://j.mp/h796Wp 웹사이트에서 입력폼은 보안이 가장 잘 뚤리는 곳중 하나입니다. 미리미리 대비하세요

[ HTML5/CSS/Javascript ]

  • 구글 크롬이 HTML5 Video 태그에서의 H.264 비디오 직접 지원을 제거한다고 발표 http://j.mp/hzwl5Q 이에 대해 많은 비난이 일자 다시 장문의 해명?글이 올라왔습니다. http://j.mp/i3r0qD , 이런 결정이 있게 한 이유가 Youtube 가 H.264 & WebM 동시지원 때문에 비용이 많이 들기 때문 아니냐는 포스트 ( http://j.mp/hu3ded )도 있고, 이 결정 때문에 Adobe Flash 가 회생하게 되었다는 얘기들도 많습니다. ( Flash 는 내부에서 h.264 를 기본으로 지원하기 때문 ) 이에 대해 “온라인 비디오의 이상주의 시나리오 와 현실주의 시나리오” 라는 번역 글도 한번 읽어보세요 http://j.mp/dJvA8v
  • Cloud Carousel – jQuery 용 3차원 이미지 캐러젤 http://j.mp/eph6yC 아주 멋진 효과를 보여줍니다만, 아직 모바일에서 쓰기엔 너무 느리군요.
  • HTML5 기반의 ImpactJS 웹 게임엔진으로 만든 HTML5 버전 웹 타이핑 게임 ZType http://j.mp/hZgjlk 과 슈퍼마리오 http://j.mp/ieDNLy ZType 은 꼭 한번 플레이해보세요.
  • Silk – HTML5 캔바스의 놀라운 활용 http://j.mp/gTiBSS 마우스로 클릭후 드래그 해보세요. Shift 누르면 마우스로 바람방향도 조절가능
  • 웹 게임을 위한 자바스크립트 게임 엔진 리스트 http://j.mp/hDmEL1 30개가 넘는군요
  • arbor.js – 웹워커와 jQuery 를 이용한 Graph Visualization 자바스크립트 라이브러리 http://arborjs.org/ 메인페이지 자체를 그래프로 만들었군요
  • 어디에 HTML5의 <section>을 써야하는가 http://j.mp/gPSvnF

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

  • Megastore – 구글 앱 엔진을 지탱하는 데이터엔진. Megastore는 최근의 인터랙티브한 온라인 서비스를 지원하기 위해  NoSQL의 확장성과 RDBMS의 편리함을 잘 조화 시켰습니다. 이에 대한 구글의 논문 ” Megastore: Providing Scalable, Highly Avaliable Storage for Interactive Services” PDF 파일 http://j.mp/ePdl38 이 Megastore 논문을 아마존 웹서비스팀 부사장인 James Hamilton 이 깔끔하게 요약해서 정리했습니다. http://j.mp/e3hVTd

[ 해외 뉴스 및 블로그 ]

  • VC들이 소셜커머스 업체 Groupon에 투자한 이유는 “데이터의 힘” http://j.mp/gDOC3i 어떤 분야든 데이터를 잘 활용하는 회사들이 경쟁력을 가져가고 있습니다.
  • 프리젠테이션을 만들고, 웹상에 공유하는 방법 http://j.mp/e7nKrp 키노트를 이용해서 음성까지 포함한 슬라이드쇼 동영상을 만들고 Archive.org를 통해 HTML5 형식으로 공유

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

  1. [온라인 비디오의 이상주의 시나리오 와 현실주의 시나리오]의 링크가 깨졌어요 😀

    항상 글 잘보고 있습니다

  2. 오오옵… 유용한것들이 많군요
    이번주도 잘 보고 갑니다. 🙂

  3. 너무나 유용한 자료입니다. 감사합니다. 두고두고 잘 보겠습니다.

  4. 유용해서 즐겨 찾기 해두고 가겠습니다!

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>