웹 개발 읽기 목록 #156: 브라우저 뉴스, Webpack 2 및 HPKP에서 배운 교훈

방에 혼자 앉아있는 사람이 혼자입니까? 외부의 관점에서 보면 그렇게 보일 수 있지만 인간의 두뇌는 이러한 점에서 훨씬 더 흥미롭습니다. 우리는 우리 자신 안에 관계의 지도를 가지고 다니며, 그 사람이 실제로 혼자라고 느끼는지 아닌지는 이 지도에 달려 있습니다.

방금 "스트레스와 사회적 자아: 관계가 면역 체계에 미치는 영향"을 읽고 많은 것을 배울 수 있다고 생각합니다. 사실, 지금은 소셜 미디어를 다른 관점에서 볼 수도 있습니다. 우리는 사회적 존재입니다. 저는 여러분과 좋은 콘텐츠를 공유하는 것을 좋아합니다. 그래서 더 이상 고민하지 않고 이번 주 웹 개발자 읽기 목록을 소개합니다.

SmashingMag에 대한 추가 정보:

• Webpack에 대한 자세한 소개
• HTTP 공개 키 고정(HPKP)을 두려워하십시오
• 단순히 더 많은 시간을 일하지 않고도 더 많은 일을 하기
• DNS 소개: 두려운 DNS 지연 설명

소식

• Opera 41과 Chrome 54가 출시되었으며 몇 가지 흥미로운 새 기능이 제공됩니다. 업데이트는 이제 Custom Elements v1과 ParentNode.prototype.append() 또는 접두사가 없는 CSS user-select 와 같은 새롭고 편리한 JavaScript 메서드를 지원합니다. 반면에 TouchEvent.prototype.initTouchEvent 를 제거하고(지금부터 생성자를 사용해야 함) KeyboardEvent.prototype.keyIdentifier 는 KeyboardEvent.prototype.key 로 대체되었습니다.
• 다른 주요 브라우저 공급업체의 제안에 따라 Mozilla는 2017년 1월 1일부터 WoSign 및 StartCom 인증서를 불신하게 됩니다. 이는 인증서가 만료되고 두 회사의 인수에 대한 비공개 및 거부가 있기 때문입니다. 더 나은 CA 보안을 위한 훌륭한 단계입니다.
• 이번 주에 Node.js v6이 현재 LTS 버전으로 전환되었으며 Node.js v7도 출시되었습니다. ES6의 98%를 커버하고 새로운 V8 엔진, 향상된 안정성과 성능, WHATWG URL 표준을 기반으로 하는 새로운 URL 파서를 제공합니다.

일반적인

• 곧 출시될 Chrome 55(현재 베타 버전)를 통해 브라우저는 마침내 포인터 이벤트를 지원하게 됩니다. 또한 JavaScript async / await -functions를 지원하고 Chromium 브라우저에서 수년간 부재한 후 CSS hyphens 속성을 되살립니다. 한 once 이벤트 리스너 옵션도 추가되며, 로드 시간을 개선하고 탐색 실패를 방지하기 위해 document.write() 를 사용하여 주입된 교차 출처 및 파서 차단 스크립트는 더 이상 2G 연결을 통해 로드되지 않습니다(즉, 타사 HTML5Boilerplate에서 사용하는 폴백은 향후 Chrome 버전에서 더 이상 작동하지 않습니다.

도구 및 워크플로

• Jack Franklin은 현재 Webpack 1에서 향후 Webpack 2로 마이그레이션하는 방법과 이 둘의 차이점이 어디에 있는지 설명합니다.
• 이미 선보인 Boxy SVG 편집기와 유사하게 Vectr은 실시간 공유 기능을 갖춘 새로운 온라인/데스크톱 벡터 그래픽 편집기입니다.
  

보안

• Paragon Initiative Enterprises는 PHP로 개발하는 모든 사람이 알고 있어야 하는 PHP 개발자를 위한 자동 보안 업데이트에 대한 포괄적인 가이드를 공유합니다.
• 지난 주 Smashing Magazine은 만료되는 SSL 인증서를 처리해야 했습니다. 이것은 일반적으로 갱신하기 쉬운 일이지만 HTTP 공개 키 고정(HPKP)이 활성화되어 있고 긴 만료 날짜(일반적으로 의도됨)로 설정된 경우 문제가 발생할 수 있습니다. 이제 Mathias Biilmann Christensen이 여기서 배운 교훈과 HPKP에 대해 알아야 하는(그리고 두려워해야 하는 이유), HPKP가 활성화된 사용자에 대해 사이트가 손상되지 않도록 이전 키로 새 인증서를 발급하는 방법에 대해 썼습니다.

은둔

• Mattias Geniar가 Raspberry Pi용 DNS 기반 블랙리스트인 Pi-Hole을 사용하여 전체 홈 네트워크에서 광고와 추적기를 쉽게 차단하는 방법을 공유합니다.

웹 성능

• Canopy의 Brian Armstrong은 최근 Dyn DNS 중단에서 볼 수 있듯이 기본 DNS 설정에 의존해서는 안 되는 이유를 설명합니다. 그는 DNS를 올바른 방식으로 구성하는 방법, 더 긴 TTL이 중요한 이유, 다른 공급자의 다른 이름 서버를 사용하는 것이 서비스 가동 시간을 절약할 수 있는 이유에 대해 설명합니다.

자바스크립트

• Fuse.js는 새롭고 가벼운 JavaScript 퍼지 검색 라이브러리입니다.

CSS/사스

• Roman Komarov는 CSS 사용자 정의 속성의 조건, 솔루션, 과제 및 더 복잡한 조건과 관련하여 전처리기의 이점을 얻을 수 있는 방법에 대해 썼습니다. 이 기사는 또한 웹 표준을 확장할 수 있는 방법에 대한 몇 가지 흥미로운 아이디어를 언급합니다.

직장 생활

• Cal Newport는 업무 중 깊은 휴식이 어떻게 마음을 재충전하여 생산성을 향상시키는 데 도움이 되는지에 대한 그의 생각을 공유합니다.

넘어…

• 이런 종류의 뒷이야기를 보는 것은 정말 흥미로운 일입니다. Katie Singer는 인터넷에 전력을 공급하는 데 사용된 실제 에너지 양을 밝히고 웹사이트에 전력을 공급하기 위해 생성해야 하는 전력의 양을 비교하여 이 수치를 원근법으로 보여줍니다.

그리고 그것으로 나는 이번 주에 문을 닫을 것이다. 내가 매주 쓰는 것이 마음에 든다면 기부로 저를 지원하거나 이 리소스를 다른 사람들과 공유하십시오. 여기에서 프로젝트 비용에 대해 자세히 알아볼 수 있습니다. 이메일, RSS 및 온라인을 통해 사용할 수 있습니다.