글쓴이 보관물: xguru

구루의 기술뉴스 : 구글 Instant Pages 외 20건

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

이번주는 구글이 새로 발표한 Instant Pages 관련글을 메인으로 선정했습니다. 개인사용자에게는 최고의 경험이 될수 있으므로 대비는 해야겠지만 구글의 행보는 한번 생각해봐야할 문제인듯 합니다.

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

  • 구글이 새로 추가한 Instant Pages. 검색결과에서 가장 유력한 사이트를 미리 로딩해뒀다가 클릭시에 바로 보여주는 기능 http://j.mp/jfod6Q 서버의 통계가 꼬일 수도 있을 듯 합니다. 다음 윤석찬님의 글 “크롬, 점점 웹 표준 괴물이 되어간다?” http://blog.creation.net/498 도 같이 읽어보세요. 그리고 개발자 분들은 이에 관련해서 웹사이트를 프리 로딩 하는 것에 관한 Page Visibility API http://j.mp/jiv8Zz 및 웹 개발자를 위한 크롬 프리렌더링 기능 가이드 참고 http://j.mp/iyOeLC , 같이 제공하는 크롬 프리렌더링 테스트 사이트 http://j.mp/jjxbzV 테스트해보니 정말 빠르긴 하네요. 사이트에 잘 적용하시면 크롬 사용자에겐 최고의 경험을 제공할 수 있을 듯
  • Book of Speed – 오픈소스로 만들고 있는 웹앱 최적화 가이드 현재 5장까지 완료. 6~9장 작성중 http://j.mp/mGrXEc
  • AsciiFlow – 아스키코드로 플로우 차트 그리는 툴 http://j.mp/iSE5wb PC통신쓰던 향수가 납니다만, 텍스트문서에 차트나 도표 추가할때 유용할 듯하고 소스코드에 주석 및 README 에 넣을 때 최적일 듯.
  • “소셜 타이밍의 과학” 인포그래픽 http://j.mp/iZ2hfy , 트위터와 페이스북에 언제 포스팅하면 좋은지를 알려줍니다.
  • Toronto Trending – 구글맵/포스퀘어/트위터 서치를 통해 토론토 도시내의 활동을 한눈에 보여주는 매쉬업 http://j.mp/ko8MfH 디자인 멋지네요. 지도보기도 아주 마음에 듭니다.
  • FriendLens – 페이스북 API로 친구들의 사진만 편하게 볼수 있는 웹사이트 http://j.mp/jJ83OJ 사람별로 선택도 되고 좋네요. 페이스북이 만들고 있는 사진 전용앱이 이런 기능을 좀더 깔끔하게 표현한 것일 듯
  • 비디오를 위한 Instapaper 앱 4가지(VHX/SQURL/Instalfilm/Radbox) 리뷰 http://j.mp/mKiCo0

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

  • 페이스북의 비밀프로젝트 코드명 WithPeople 사진공유앱 유출 http://j.mp/in7lFq 꽤 멋지네요. Instagram+Path+With+Color 와 비슷하다고.. 기존 사진SNS앱들은 긴장해야 할듯. 내부에 몇몇부분은 HTML5 기술을 이용했다고 합니다.
  • 페이스북이 비밀리에 추진중인 프로젝트 “Spartan” http://j.mp/iCIBo4 아마도 HTML5에 기반한 플랫폼으로 모바일 대상이 될 것이라고.. 뭘 보여줄지 기대됩니다

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

  • 모바일 웹 & HTML5 최적화 가이드 http://j.mp/m8NfY8 전반적으로 잘 정리된 139페이지 슬라이드
  • 자바스크립트의 메모리 관리에 대한 고찰 http://j.mp/ldne6U Single Page와 AJAX로 계속 개체가 추가되는 웹앱개발에선 꼭 고려해야할 부분
  • http://CSSLint.net – 만드신 CSS에 어떤 문제가 있는지 한번 검사해보세요. 소스코드가 공개 ( http://j.mp/kmLWXi ) 되어있으니 회사내부 CI시스템에 붙이는 것도 추천
  • Object Auto Documentation – 자바스크립트 객체를 자동으로 문서화 해주는 라이브러리 http://j.mp/lAMSne 기존 jQuery,Ext,Dojo 같은 라이브러리 분석 시 좋겠네요. 결과가 깔끔
  • Titanium 앱셀러레이터에서 모바일앱 통합디버깅을 위해서는 월$49 또는 월$199의 개발자플랜 가입 필요 http://j.mp/lbV8OE 후아 이건 너무 비싸군요. 앱스프레소는 완전 무료입니다 😉
  • 웹개발자들이 잘 모르는 HTML/JS/DOM/CSS Hack들 모음 from Quora http://j.mp/krVHUW
  • pdf.js – 자바스크립트만으로 브라우저에서 PDF를 보여주는 라이브러리. 속도때문에 먼저 Canvas로 그리고 뒤에서 SVG로 개체를 생성해서 선택가능하게 한다는데 아직 초기이지만 멋진시도인듯 http://j.mp/mrOLDW
  • 자바스크립트만으로 웹어플리케이션 전체를 만드는 Wakanda. 웹서버/개발환경/프레임워크 까지 모두 포함 http://j.mp/kkAw1r 전에 한번 보긴 했었는데, 이제 개발자 프리뷰 다운로드가 가능해졌군요

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

  • 카네기멜론에서 머신러닝을 위한 병렬프레임워크로 MapReduce 대신 제안하는 GraphLab http://j.mp/lEWBwW Map 과 Reduce 단계를 Update / Sync 라는 비슷한 개념으로 제안
  • NoSQL 데이터베이스를 고려할 때 물어봐야 할 69가지 질문 http://j.mp/jPeRqd
  • 왜 포스퀘어는 MongoDB를 선택했나? 적용하고 배운점은? 30분짜리 강연동영상 http://j.mp/koiexJ 발표슬라이드 http://j.mp/jXhFql 가장 큰 이유가 Auto Sharding 이라는군요
  • node.cloud – node.js 관련 리소스 디렉토리. 각 사이트 순서가 Alexa 트래픽 순위로 소팅되는게 특이함 http://j.mp/inEgmM Express 와 NowJS 가 인기 좋군요

[ 추천 글 ]

  • 여행자를 위해 국가별로 정리된 SIM 카드 (가격/플랜) 정보 http://j.mp/iCEO3q 해외출장시에 유용!

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

구루의 기술뉴스 : N스크린 시대, 하이브리드 앱 개발이 해법 외 17건

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

이번주는 “N스크린 시대, 하이브리드 앱 개발이 해법” 블로터포럼의 글을 메인으로 선정했습니다. 제가 참여해서 그런건 아니고 ^^;, 제가 몸담고 있는 kth 가 앞으로 집중할 기술분야의 한 부분이기 때문입니다. kth 는 Appspresso 를 활용한 풀 하이브리드 웹 앱과 Native 와 WebView 를 조합한 부분 하이브리드 웹 앱에 기술력을 집중하고 있습니다.

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

  • N스크린 시대, 하이브리드 앱 개발이 해법 http://bit.ly/iepX0v
  • 안드로이드와 오픈 모바일 웹에 대한 불편한 진실 http://j.mp/mwz6B2 솔직히 현재 하이브리드 및 웹앱 개발에 가장 문제가 되는 것은 안드로이드.
  • iOS5 모바일 사파리의 변경점 http://j.mp/mMItsX 드디어 position:fixed 지원! 날짜/시간 입력도 네이티브와 똑같이 지원되고 Web Worker 도 되네요. 웹 앱 개발하기 더욱 좋아질듯. 좀 다른 관점의 분석글도 참고 하세요 http://j.mp/mecOMt 이 글은 NDA 때문에 애플개발자 포럼에 올라와 있어서 아이폰 개발자만 확인 가능합니다.
  • 파이낸셜 타임즈가 기존앱을 웹앱으로 개편 http://j.mp/isEt47 iOS 풀스크린 웹앱의 모든 것을 다 활용. 기사 캐슁을 위해 WebSQL DB를 50메가로 늘리는것에 대해 안내도 나오는군요. 하이브리드로 했다면 더 좋았을 듯.
  • iOS5에 추가된 볼륨버튼 사진찍기는 Camera+가 작년8월에 시도했다가 애플검수에서 리젝트된 기능 http://j.mp/jbn2AK 리젝트 사유는 “사용자 경험 혼란” 뭐 이제 혼란은 안생길듯. 앱 개발자들 다 적용하세요~. 이와 관련된 이슈를 정리한 글도 참고하세요 http://digxtal.com/?p=506
  • 개발자를 위한 iOS5 변경사항 리스트 http://j.mp/lr7NcM iCloud 스토리지 API,트위터연동,Core Image의 필터와 얼굴인식,자동 레퍼런스카운팅!, Xcode Storyboard 기능에 관심이 가네요
  • 애플이 In-App Subscription 관련해서 정책을 수정. 이제 외부가격과 같거나 더 싸야 한다는 항목이 삭제됨 http://j.mp/lDjX61 넷플릭스/훌루와의 문제가 해결될수 있겠네요
  • 아이폰앱 회의록 녹음기 http://j.mp/k12k1C 회의중에 누가 언제 무슨말을 했는지 버튼으로 눌러서 체크하고,나중에 사람별로 들어볼 수 있어서 뒤에 딴 말하는 사람 혼내기 좋네요

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

  • 웹 애플리케이션 공격방법중 XSS,CSRF 에 대한 설명과 이를 막는 방법을 설명한 글 http://j.mp/im0Dkw
  • 반응형 웹 디자인의 미래 http://j.mp/jYxAja 빠른 로딩, HTML5 History API를 이용한 URL Design과 스마트한 부분 페이지 업데이트가 중요해질 것

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

  • Tools for jQuery App 아키텍처 http://j.mp/kftAjh jQuery로 가상의 앱을 만드는데 필요한 다양한 툴 및 라이브러리 들을 정리한 109페이지 슬라이드. jQuery로 개발하신다면 꼭 참고하세요. jQuery 팀에 있는 Addy Osmani 라는 친구가 정리한 자료.
  • DDActionHeaderView – 아이폰용 오픈소스 http://j.mp/jWPRcZ 메뉴에 여러개의 옵션버튼 넣을때 자동으로 늘어나는 스타일의 컨트롤. 소셜네트웍 공유버튼 배치할때 쓰기 좋을듯

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

  • “It Just Works” 애플의 iCloud와 구글의 Cloud를 비교한글 http://j.mp/ipT3qz 애플이 보는 클라우드에 대한 관점을 정말 잘 설명하고 있네요
  • Coding for the Cloud – 구글앱엔진 위에서 엔터프라이즈 앱 만드는 방법 http://j.mp/jlStlg 구글I/O 2011 세션 중에서
  • 구글 앱엔진 Pipeline API를 이용하여 대용량 데이터 분석 하기 http://j.mp/l3LZ1f 구글I/O 2011 세션 중에서2
  • MongoDB 최적화 하기 http://j.mp/jCeb4H 모바일통계 분석회사인 Localytics에서 정리한 32장짜리 슬라이드

[ 추천 글 ]

  • 아이튠즈 매치, 음악산업의 새로운 후견인 http://j.mp/k2En20
  • WWDC 2011 키노트에 대한 존 그루버의 평가 “구글의 프레임은 브라우저 창이고, 애플의 프레임은 스크린이다. 앞으로 10년간 이번 키노트에 대해 기억해야 할 것은 바로 이것이다” http://j.mp/kU0vDf
  • 전산학 석사과정 과목들 추천 코스  http://j.mp/iW1m2z OS/P2P/분산시스템/분산알고리즘/자료구조 등의 과목들. 영어이긴 하지만 강의 자료 정리가 잘 되어있어서 활용하기 좋을듯

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