이번 주 에피소드
Chrome 42에서는 푸시 알림이 도입되고, Jacob Kaplan-Moss는 프로그래머에 관한 오해를 바로잡고, 프로토콜 상대 URL이 안티패턴이 되었으며, 모바일 친화적인 배지가 Google을 강타하고, First Aid Git을 활용하여 Git을 활용하고, RAIL로 앱을 최적화합니다.
Chrome 42 출시
이번 주에 Chrome 42가 안정화 버전으로 출시됨에 따라 여러 가지 새로운 기능이 제공됩니다. 푸시 알림을 통해 사용자는 적시에 업데이트를 받도록 선택하고, 배너 설치는 사용자에게 페이지를 홈 화면에 저장하라는 메시지를 표시하고, 권한을 통해 API를 사용할 수 있는지 알 수 있습니다. 가져오기는 XHR을 대체하는 역할을 합니다. 또한 ES6 클래스 지원도 포함됩니다.
https://twitter.com/ChromiumDev/status/590169593110335488
http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web
http://updates.html5rocks.com/2015/04/permissions-api-for-the-web
http://updates.html5rocks.com/2015/03/introduction-to-fetch
일반적인 오해 풀기
올해 PyCon에서 진행된 제이콥 캐플란-모스 기조연설에서는 개발자가 10배 이상이거나 완전히 끔찍하다는 이분법을 깨뜨립니다. 이러한 가정을 없애면 사칭 증후군과 같은 문제를 더 잘 해결하고 유해할 수 있는 업무 환경을 개선하는 데 도움이 됩니다.
https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE
모든 것을 TLS로 해보세요!
프로토콜 상대 URL은 이제 피해야 할 패턴입니다. 이번 주 폴 아이리시가 트윗을 올렸는데, URL에서 프로토콜을 벗어나는 관행은 GitHub를 공격한 것과 유사한 측면 공격으로 이어질 수 있으므로 권장하지 않습니다. 새로운 권장사항은 SSL에서 사용 가능한 경우 항상 https를 통해 애셋을 요청하는 것입니다.
https://twitter.com/paul_irish/status/588502455530311680
https://www.paulirish.com/2010/the-protocol-relative-url/
http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub
모바일 친화적인가요?
사이트가 모바일 친화적인지 확인하세요. Google 웹마스터 블로그의 최근 기사에 따르면 Google 검색에서는 즉시 모바일 친화적이라고 판단되는 사이트 옆에 라벨이 추가됩니다. 이 기준에는 사용자가 페이지를 읽기 위해 확대/축소할 필요가 없고 링크 간격이 충분히 넓게 설정하는 것이 포함됩니다. 모바일 친화성 테스트를 사용하여 사이트가 기준을 충족하는지 확인할 수 있습니다. 웹 기초를 익히세요.
http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html
https://search.google.com/test/mobile-friendly
속도 높이기
Git을 배우는 것은 어려울 수 있습니다. StackOverflow를 살펴보면 53,000개가 넘는 Git 관련 질문이 확인되지만, 지원 준비가 진행 중입니다. First Aid Git은 가장 자주 묻는 Git 질문의 검색 가능한 색인입니다. 방금 기본 브랜치로 푸시한 변경사항을 실행취소하는 방법이 궁금하신가요? 답변 등을 찾거나 pull 요청을 제출하여 색인에 추가할 수 있습니다.
http://ricardofilipe.com/projects/firstaidgit/#/
최적화 레일
원활한 웹 경험을 위해서는 초당 60프레임이 목표이지만 빠른 경로에서 벗어날 수 있습니다. Paul Lewis와 Cameron Pittman은 6부로 구성된 무료 Udacity 과정에서 앱의 응답, 애니메이션, 유휴, 로드(RAIL)의 4가지 주요 영역을 최적화하는 방법을 보여줍니다. 더 빠른 웹 앱의 비결을 배우면서 버벅거림 침입자를 막고 DevTools에 관해 알아보는 것도 좋습니다.
https://www.udacity.com/course/browser-rendering-optimization--ud860
Yash Bhardwaj의 JavaScript를 사용한 화면 보호기
http://codepen.io/yashbhardwaj/full/hHgtE/
베일의 튤 공간의 달콤한 혼돈
http://codepen.io/cathbailh/full/KpPjPg/
CSS 애니메이션 시작하기 - Donovan Hutchinson의 히어로 이미지
http://codepen.io/donovanh/full/EjYeLa/
Hakim El Hattab의 린저
http://codepen.io/hakimel/full/zwxba/
트위터 #LazyWebShow에서 의견을 보내 주세요.
웹에서 더 많은 뉴스를 보려면 다음 리소스를 확인하세요. JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/
https://goo.gl/mQyv5L에서 Google Developers 채널을 구독하세요.