구루의 기술뉴스 ( GuruNews ) 35 회차입니다.
이번주는 페이스북이 개최한 개발자 컨퍼런스 f8 에서 발표한 다양한 기능에 대한 뉴스들을 메인으로 선정했습니다. 비록 개발자 컨퍼런스이긴 하지만, 많은 페이스북 사용자들이 관심가질만한 기능들이 많이 추가되어서 관심을 불러모으고 있습니다. 꼭 둘어보시기 바랍니다.
[ 웹사이트, 웹서비스, 웹기술 ]
- 페이스북이 개발자 컨퍼런스인 f8에서 신규 기능을 다수 공개했습니다. 개인의 프로필 페이지가 Timeline 으로 업그레이드 되어서, 페이스북을 통해 기록한 개인의 일생을 멋지게 볼 수 있게 되었습니다. 또한 다소 복잡했던 뉴스피드를 개선하여, 친구들의 다양한 동작/행위들만을 따로 보아주는 Ticker 기능, f8 전에 먼저 오픈된 자동으로 친구들을 분류하여주는 Smart List , 트위터/구글+ 처럼 친구가 아니더라도 공개된 글을 받아볼 수 있는 Subscribe, 그리고 오픈그래프의 확장을 통해 페이스북내에서 음악과 영화를 공유할수 있는 Spotify , Netflix 등과의 결합까지 발표하여 볼거리가 풍성합니다.
- 페이스북 타임라인 기능 소개. “프로필 페이지의 진화”.
@kwang82 님의 요약글 페이스북 타임라인 공개…사는 방식까지 바꾼다,
@mushman1970 님의 타임라인 및 오픈그라프 정리 페이스북.. 타임라인과 새로운 소셜앱 앞세워 세계정복에 나서다 - 페이스북이 개발자를 대상으로 직접 설명하는 Timeline의 의미 “A new Class of Apps” 이제 사용자는 자신의 타임라인에 좋아하는 액티비티를 공유하는 새로운 앱을 추가할 수 있다.
소개동영상 강력추천! : A New Class of Social Apps on Facebook
- 페이스북 타임라인 기능, 지금 바로 활성화하는 방법
- 음악스트리밍 서비스 Spotify 와의 결합 새로운 Ticker를 통해 친구들이 듣고 있는 음악이 표시되고, 플레이버튼을 누르는 것만으로 바로 들을 수 있게 됩니다. 개인화된 음악 추천 기능까지 포함.
- 최근 두개의 회사로 갈라진 Netflix 도 페이스북과의 밀결합을 발표했지만, 아쉽게도 법률문제로 미국내에서는 서비스 안되고 그 외 44개국에서 서비스하는 것으로 발표되었습니다.
- 페이스북 타임라인 기능 소개. “프로필 페이지의 진화”.
- 스매슁매거진의 지난 5년간 베스트 글들만 모은 Ebook 무료 공개 PDF와 ePub 포맷. 웹개발자/디자이너 분들은 필수 다운
- 플랫폼전쟁의 승자와 패자 API 전략에 대해 설명한 “Your API is So 2006” 슬라이드 인상적. REST!/채팅보다 푸시/인터랙티브 API설명서/API는 외부와 내부 모두에 중요
- 멋진 Responsive Web Design 사이트 26개 점점 실제 적용된 사이트가 늘어가면서, 참고할 부분들이 많군요. 그중 http://foodsense.is/ 사이트 정말 깔끔하네요
- 실용주의 반응형 디자인 실제 사례들을 들어 설명한 111페이지 슬라이드. 디자인도 이쁘고 설명이 아주 잘되어 있군요
Pragmatic responsive designView more presentations from yiibu
[ 모바일 – 아이폰/안드로이드 ]
- iOS Frameworks – 실용주의 iOS 개발자를 위한 프레임웍 모음 사이트. 둘러보니 리스트는 괜찮은데, 각 아이템별 설명이 조금 짧아서 아쉽네요
- 모바일 웹 브라우저의 성능 이해하기 Understanding Mobile Web Browser Performance 퀄컴의 엔지니어가 안드로이드 웹브라우저 내부를 분석해서 설명한 슬라이드. HTTP커넥션수가 안드2.2는 최대4개의 병렬,2.3은 8,3.1은 35개라고
[ 프로그래밍/HTML5/CSS/Javascript ]
- 웹앱 성능 향상을 위한 빠른 자바스크립트 Memoization 메모이제이션은 복잡한 연산및 회귀함수의 결과를 캐슁해서 속도를 향상시키는 매우 오래된 기법.
- 좀더 생산적인 웹개발자가 되는 방법 10가지 웹프레임워크 사용/스니펫 라이브러리 만들기/적절한 툴사용/무료 디자인자료 수집&정리/스프린트 단위로 일하기/휴식취하기(뽀모도로)..
- 포토샵도 자바스크립트로 스크립팅이 가능하군요 Scripting Photoshop with JavaScript – “Javascript is the new BASIC” 이란 말이 딱 맞음
- Breaking the mobile web with HTML5 모바일 웹의 현재 및 브라우저별 HTML5 지원사항을 잘 정리한 슬라이드. 애니메이션 단계별로 한장씩 떨어지는 바람에 총 286페이지.
Breaking the Mobile Web with HTML5View more presentations from Maximiliano Firtman
- 스마트폰/타블렛의 HTML5 호환 테이블 http://mobilehtml5.org/ 모바일웹/앱에서 특정 기술 사용할 때 꼭 참고하세요
[ DB,클라우드,웹서버 기술 ]
- 웹 서버시장에서 IIS의 시장점유율이 계속 하락해서 1997년 점유율 수준으로 돌아갔다고 내년말이면 nginx 가 아마 더 상위로 갈수도 있겠군요
- 아마존 AWS상에서 Scalability를 증대시키는 3가지 방법 Auto Scaling 사용/ 데이터베이스 계층을 수평적으로 Scale / Striped 된 EBS 볼륨 사용
[ 기타 ]
- 티핑포인트에 도달한 3가지의 새로운 IT직업들 데이터 사이언티스트/개발자 에반젤리스트/커뮤니티 매니저. 국내에 이 3가지 직업가지신분들 다 합치면 몇분이나 될지 궁금
- W3Conf W3C가 처음으로 진행하는 컨퍼런스 “2011: HTML5 와 오픈 웹 플랫폼” 이라는 주제로 시애틀에서 11월 15/16일 양일간 개최
피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다
안녕하세요.. 구루님 기술뉴스와 HTML5에 대해서 잘 보고 있습니다.
여기에 이런 질문을 드려도 될지 모르겠습니다만…
위 뉴스의 내용과 좀 다른 질문입니다..
기존의 Web page를 HTML5로 바꾸려고 공부를 하고 있습니다.
근데, HTML5로 변경을 하더라도 Mobile도 지원을 하려면 Mobile용 Webpage를 따로 개발 해야 하는것인가요?
kbs나 sbs등 웹 페이지를 모바일에서 http://www.kbs.co.kr로 하면 m.kbs.co.kr로 변경이 되어 보여지는데, 두개의 홈페이지(www.~와 m.~)를 만들어 놓고 PC로 접속하느냐 모바일로 하느냐에 따라 연결페이지가 달라지는지요?
전 웹 개발자도 아니고 해서 완전 초보 수준입니다.
답변이 늦었네요. HTML5 로 변경하고 나서 말씀하신데로 모바일용을 따로 만드는법과 하나로 같이 만드는 법이 있습니다. 따로만드는건 그냥 해상도에 맞게 서로다른 디자인의 페이지를 만드는것이구요. 주소를 다르게 해서, 사용자의 브라우저 UserAgent 값을 파악해서 다른 도메인으로 보내기도 합니다. 그리고 한개로 만드는 방법은 CSS3의 미디어쿼리를 이용한 Responsive Web Design 이라는 이름으로 불리고 있습니다.