월간 웹 개발 업데이트 12⁄2017: 실용적인 릴리스, 사용자 지정 요소 및 의사 결정

오늘 저는 현재 젊은 세대와 그들의 재정적 미래에 대한 놀라운 기사를 읽었습니다. "밀레니얼"과 같은 단어를 이해하기 어렵고 그들이 직면한 특정 문제에 대해 많은 이야기가 있지만, 우리 중 많은 사람들에게 당신이 나보다 나이가 많든 적든 상관없이 그들의 투쟁을 이해하는 것은 쉽지 않습니다. 밀레니얼 세대). 그러나 Michael Hobbes의 재미있고 유익한 기사는 저에게 많은 것을 보여주었습니다. 내가 이제 거기에 요약된 사실의 상당 부분을 이해하고 심지어 관련이 있다는 것뿐만 아니라 기사가 다른 연령대 의 결정이 다른 사람들의 삶에 미칠 수 있는 영향을 인식하지 못한 채 사회를 형성하는 방법을 보여주기 때문입니다.

웹 전문가로서 우리는 많은 측면에서 이에 대해 이야기할 수 있습니다. 웹 프로젝트를 구축할 때 우리는 결정을 내리고 종종 이러한 결정이 다른 사람들에게 어떤 영향을 미칠지 생각하지 않고 개발자, 기업가, 마케팅 전략가, 지원 직원으로서 우리에게 가장 좋은 것을 기반으로 합니다. 액세스할 수 없는 웹사이트를 구축함으로써 수백만 명의 사용자를 배제합니다. 더 나은 분석 이벤트 및 라이브러리를 구현하여 사용자 데이터를 제3자에게 제공합니다. 때로는 옳은 결정을 내리는 것이 불가능해 보이며, 옳은 일을 할 수 없다는 사실에 너무 압도되어 모든 합리적이고 정보에 입각한 결정을 모두 무시하고 최선의 것에 집중합니다. 우리 스스로. 우리는 더 똑똑할 수 있습니다. 모든 일을 제대로 할 수 는 없지만 압도당하는 대신 작은 조치를 취할 수는 있습니다. 쉽지는 않지만 새해 다짐을 위한 일이 아닐까요?

소식

• WHATWG에 관한 빅 뉴스: Apple, Google, Microsoft 및 Mozilla와 같은 4개의 주요 통합 브라우저 엔진 뒤에 있는 조직은 WHATWG에 대한 지적 재산권(IPR) 정책 및 거버넌스 구조를 개발했습니다. 이는 보다 유용한 자원을 제공하는 개선된 생활 수준으로 이어지기를 바랍니다.
• 실제로 11월에 이미 출시된 Firefox 57의 새로운 기능은 다음과 같습니다. 이제 새로운 초고속 Quantum 엔진이 함께 제공됩니다. 웹 확장도 현실이 되었으며 오래된 문제에 대한 더 많은 버그 수정 및 성능 개선이 향후에 예상될 수 있습니다. 그러나 우리 개발자는 어떻습니까? Firefox 57은 <input type="\\[date|time]"> 을 지원하며, 새로운 엔진 덕분에 많은 CSS 버그가 수정되었으며 이제 Storage API 및 Abort API(예: 가져오기 요청용). 마지막으로 헤드리스 모드는 이제 매우 유용한 --screenshot 플래그를 지원합니다. 그건 그렇고, Quantum 엔진은 Android 59의 Firefox에도 곧 제공될 예정입니다.
• Chrome 63은 이제 동적 JavaScript 모듈, async 반복기 및 생성기, CSS overscroll-behavior (기본적으로 새로 고침으로 끌어오기 지원) 및 Intl.PluralRules API 지원과 같은 멋진 새 기능과 함께 출시되었습니다. 또한 권한 UI는 이제 사이트 소유자가 필요하고 유용할 때만 추가 권한을 요청해야 함을 분명히 하기 위해 모달에서 권한을 요청합니다. Intl.PluralRules API도 이 버전에 포함되어 있습니다.

일반적인

• 아마존은 정말 대단하죠? 그들의 클라우드는 빠르고 크고 저렴합니다. 그들의 상점은 모든 것을 제공하고 신속하게 제공합니다. 이번 주 Amazon Web Services는 매우 흥미로운 사실을 발표했습니다. "AWS는 이제 US Intelligence Community에 모든 분류 수준(미분류, 민감, 비밀 및 일급 비밀)에 걸쳐 상용 클라우드 기능을 제공합니다." 네, 잘 읽었습니다. 아마존이 미국 정보국의 일급 기밀 데이터를 호스팅하는 책임 회사가 될 것 같습니다. 정부 서비스가 경쟁업체나 자체 대안으로 쉽게 전환할 수 있는 옵션 없이 회사의 독점적인 클라우드 서비스에 완전히 의존하기 시작하는 것은 좋은 생각이 아니라고 확신합니다. Amazon이 무엇인지 생각해 보십시오. 인터넷 트래픽의 최대 70%가 AWS 버지니아 데이터 센터를 통과합니다. Amazon은 침실, 거실에 카메라와 마이크를 설치하고 아파트나 집의 스마트 키도 원합니다. 인터넷을 사용하는 경우 AWS를 사용하지 않는 것은 이미 불가능합니다. 이 AWS 보안 클라우드가 올해처럼 중단되면 미국 정보부 커뮤니티는 어떻게 됩니까? 그들은 여전히 ​​작동할 수 있습니까? 적극적인 조사 중에 발생하면 어떻게 됩니까?

압형

• 우리 중 누가 릴리스의 큰 도전과제와 시간이 얼마나 걸리는지 모릅니다. Raymond Rutjes는 이제 릴리스를 만드는 것이 팀의 모든 사람에게 가능해야 한다고 제안합니다. 쉽고, 걱정할 필요가 없으며, 아마도 가장 중요하게도 빨라야 합니다.
• Francesco Schwarz는 CSS의 특수성을 시각화하는 새로운 도구를 만들었습니다. 구조의 일부 오해를 분석하거나 리팩토링해야 하는 모듈을 식별하는 데 매우 유용합니다.

UI/UX

• Spectral에는 오픈 소스 라이선스에 따라 사용할 수 있는 새로운 화면 우선 세리프 서체가 있습니다.
• John Moore Williams가 사이트 검색 디자인에 대한 모범 사례를 공유합니다. 사용자에게 효과적이고 강력한 검색 경험을 제공하려는 경우 중요한 팁입니다.

웹 성능

• Michael Scharnagl은 서비스 워커(기본적으로 웹 프록시)를 사용하여 네트워크 정보 API를 기반으로 이미지를 로드하는 방법을 설명합니다.
• Harry Roberts는 종종 많은 사람들에게 분명하지 않은 문제를 밝히는 데 적절한 단어를 찾습니다. 그의 기사 "분산 컴퓨팅의 오류(프론트 엔드 성능에 적용됨)"는 사용자를 가정하고 네트워크 성능과 같은 문제를 적극적으로 무시하거나 과도하게 생각하는 것에 관한 것입니다.
• "최고의 요청은 요청이 아닌 재방문"이라는 Stefan Baumgartner의 새 기사로 현재 HTTP/2로 할 수 있는 일과 이론상으로는 작동하지만 실제로는 적용되지 않는 변경 사항을 설명합니다.
• Samuel Parkinson은 ft.com을 방문하면 어떻게 되는지 설명합니다. DNS로 시작하여 Financial Times의 전체 요청 워크플로를 통해 여정을 계속하는 심층적인 통찰력.

보안

• 신원 보호 회사인 4iQ는 다크 웹에서 14억 개의 일반 텍스트 자격 증명이 포함된 유출된 데이터베이스를 발견했습니다. 이것은 아마도 지금까지 알려진 가장 큰 리소스일 것이며 각 서비스에 고유한 암호를 사용하는 것이 얼마나 중요한지 다시 한 번 보여줍니다.
• HSTS는 보안 HTTPS 프로토콜을 통해 특정 호스트 이름에만 연결하도록 브라우저에 지시하는 방법입니다. 그러나 현재 브라우저에서 구현되는 방식은 연구 결과에서 알 수 있듯이 거의 손상되어 공격에 취약합니다.
• Tobias Tom은 Colloq에서 사용자가 공개 데이터 침해에서 노출된 암호를 선택하지 못하도록 방지하는 암호 검사를 구현한 방법을 공유합니다. Troy Hunt의 놀라운 데이터 세트를 기반으로 하며 사이트 성능에 영향을 주지 않고 40GB Postgres 데이터 세트를 확인하는 방법에 대한 흥미로운 데이터를 공유합니다.
• 브라우저에서 이미 암호화폐 채굴에 대해 들어본 적이 있을 것입니다. 새로 발견된 스크립트는 하드웨어 기능을 최대한 활용하기 위해 WebAssembly 지원을 확인한 다음 백그라운드에서 암호화폐를 채굴하는 팝언더 창을 시작합니다. 유일한 완화 방법은 브라우저의 모든 작업 프로세스를 수동으로 강제 종료하는 것입니다. 그러나 가장 일반적인 마이닝 스크립트를 직접 차단하는 일부 브라우저 확장 프로그램도 있습니다.

접근성

• 모든 사람에게 적합한 테이블을 설계하고 코딩하는 가장 좋은 방법은 무엇입니까? Adrian Roselli가 응답하고 접근 가능한 테이블을 만드는 방법을 공유합니다.
• 이것은 Marcy Sutton이 접근성에 대한 자동화된 테스트를 작성하는 것의 가치를 인정하고 있으며 그러한 테스트가 있다고 해서 더 이상 수동 접근성 작업을 수행할 필요가 없다는 것을 의미하지 않는 이유입니다.

CSS

• Jonathan Snook이 CSS 그리드로 캘린더 레이아웃을 구축하는 방법을 설명합니다.
• 다가오는 CSS 선택기 레벨 4 사양으로 우리는 :matches 와 유사하지만 특정성을 증가시키지 않는 :is 유사 선택기를 얻을 것입니다.

자바스크립트

• Brian Kardell은 사용자 지정 요소를 공통 기본 요소의 확장으로 곧 사용할 수 있는 방법에 대한 중요한 게시물을 작성했습니다. 이것은 우리가 처음부터 모든 것을 구축할 필요가 없지만 기본 요소에서 완전한 접근성과 유용성을 계속 상속하면서 사용자 정의로 기본 요소를 확장할 수 있기 때문에 특히 좋습니다. 그 외에도 이 기능을 사용하면 점진적으로 향상된 사용자 정의 요소를 구축할 수 있습니다.
• JavaScript의 최신 도구로 컨테이너 쿼리를 달성하시겠습니까? Ali Alaa가 MutationObserver로 이를 수행하는 방법을 공유합니다.
• Safari는 미리보기 빌드에서 이미 동적 JavaScript import() 지원을 제공하며 Chrome 63에서도 이를 지원할 것입니다. Mathias Bynens는 이것이 무엇을 의미하고 어떻게 사용할 수 있는지 설명합니다. import() 는 기본적으로 import on fire이며 실제로 필요할 때만 전체 JavaScript 모듈을 즉시 로드할 수 있습니다.
• Jake Archibald는 await , return 및 return await 사이의 미묘하지만 중요한 차이점을 설명하고 언제 어떤 것을 사용해야 하는지에 대한 팁을 제공합니다.

직장 생활

• "시를 몇 편 쓰고 결핵으로 죽고 그것을 잘 살았던 삶이라고 부를 수 있었던 때가 있었습니다." Quinn Norton은 "Against Productivity(생산성 반대)"라는 생각과 삶의 생산성 향상을 위한 우리 모두의 이상한 노력에 대해 발표했습니다.
• James Clear는 삶이 항상 더 복잡해 보이는 이유와 이에 압도되지 않기 위해 우리가 할 수 있는 일을 설명합니다.
• 가디언에 따르면 많은 고용주들이 이미 직원의 웹 브라우징 패턴, 키 입력, 소셜 미디어 게시물 및 개인 메시징 앱을 모니터링하기 위해 다양한 기술을 사용하고 있습니다. 직원에 대한 회사의 절대적인 불신을 보여주는 작업 감시입니다. 그러나 고용주가 동일한 조치를 취한다면 어떻게 할 수 있습니까? 가장 좋은 방법은 상사가 당신의 일을 소중하게 여기지 않는다고 생각하고 상사가 당신을 모니터링하면 당신을 불신하는 것처럼 느껴진다고 이야기하는 것입니다.
• Ryan Singer가 Agile을 수행하는 것만으로는 효과가 없는 이유를 공유합니다. 문제는 잘못된 일을 하고, 사양에 맞게 빌드하고, 주의가 산만해지는 데 있습니다. 작업할 올바른 항목을 찾고 신중하게 주기에 따라 수행하는 것은 진정한 애자일 작업입니다. 숫자와 용어에 얽매이지 말고 중요한 일에 집중하세요.
• Alida Miranda-Wolff는 왜 "빨리 움직여서 물건을 부수는 것"이 ​​사람들에게 나쁜 생각인지에 대한 문제를 제기합니다. 근무 시간, 직장에서의 행복, 성장하는 재능 및 해로운 패턴을 따르고 싶은 유혹에 대한 문제.
• 김단은 시간을 낭비하지 않고 논의해야 할 중요한 사항에 집중하는 방식으로 함께 일하기 위해 반복되는 회의를 끝내야 할 때라고 생각하는 이유를 공유합니다. 반복되는 회의에 대해 합리적으로 생각해 달라는 간청.

넘어…

• Scott Berkun은 올바른 변경이 종종 잘못된 것처럼 느껴지는 이유를 설명합니다. 당신이 그것에 대해 공감할 수 있다면, 우리가 왜 그렇게 느끼는지, 왜 이것이 자연스러운지 이해하는 데 도움이 되는 이 기사를 읽는 것이 좋습니다.
• Do Lectures 시리즈 뒤에 있는 사람들은 2017년에 읽을 것을 추천한 100권의 책을 공유했습니다. 백 권의 책을 모두 읽을 수는 없지만, 연말에 읽을 만한 훌륭한 몇 가지 팁이 목록에 있습니다.
• 지난 몇 달 동안 저는 소셜 미디어 회사에서 일했거나 일한 적이 있는 사람들의 기사를 점점 더 많이 읽었고 이제 그러한 서비스가 우리 사회를 분열시키는 데 어떻게 크게 기여하고 있는지에 대해 이야기합니다. 이것은 잘못된 정보, AI의 영향을 받는 집계된 "타임라인"의 문제를 보여주는 또 다른 것으로, 사회를 통합하고 사람들을 돕는 대신 상황을 악화시킬 뿐입니다. 소셜 미디어에는 많은 가치가 있지만 대부분의 대형 서비스에는 근본적인 문제가 있습니다. 더 많은 수익과 새로운 기능을 위해 노력하기 위해 이러한 서비스는 사람들의 관심사를 일치시키려고 시도하지만 눈을 제공하는 대신 관심사에 매우 잘 일치하기 때문에 끔찍하게 실패합니다. 사용자의 견해와 관심을 반영할 수 있는 개방적이고 중립적이며 객관적인 콘텐츠.

이번 웹 개발 업데이트가 마음에 드셨기를 바랍니다. 다음 일정은 1월 19일입니다. 계속 지켜봐 주세요!