월간 웹 개발 업데이트 5⁄2019: 지나치게 복잡하고 수행적인 일 중독

게시 됨: 2022-03-10
빠른 요약 ↬ 이번 월간 웹 개발 업데이트의 새 판에서는 웹과 웹에서 작업하는 사람들을 움직이는 요소를 살펴봅니다. 브라우저 업데이트와 편리한 도구부터 업무 방식까지.

이번 주에 나는 또 한 번 놀라운 Beyondtellerrand 컨퍼런스에 참석했고, 그런 행사를 마치고 집으로 돌아올 때마다 우리 업계와 우리 사회를 더 잘 이해하려고 노력합니다. 주변에 많은 의견과 영감 이 있고, 많은 친구들과 사람들을 만나고, 일 년에 한 번만 만나며, 좋은 이야기를 듣습니다. 사람들은 자신의 직업에 대해 얼마나 좌절감을 느꼈는지 말해주고, 멋진 삶을 살고 있는 것처럼 보이는 사람들에 대한 놀라운 이야기를 듣습니다. 사람들이 웹에서 나쁜 플레이어에 대해 신음하는 소리를 듣긴 하지만 실제 통찰력이나 해결책은 거의 듣지 못합니다.

인생의 좋은 부분과 흔하지 않은 경로를 강조하는 프레젠테이션은 매우 드물지만, 예외 중 하나는 Rob Draper의 비전문가 및 그의 이야기와 예기치 않은 일련의 사건이 그가 오늘날의 역할을 만든 방법을 공유하는 연설입니다. 그리고 글쎄요, 저는 인간을 믿고 우리 모두가 더 나은 직업과 삶을 살기 위해 어떻게 할 수 있는지 공유하는 놀라운 사람들이 있다는 사실이 기쁩니다. Stephen Hay가 자신의 아이디어를 신뢰하고 자신의 웹사이트와 사회 시스템, 또는 제 좋은 친구 Andy가 하고 있는 것처럼 아프리카에 학교를 짓기 위한 비영리 이니셔티브를 구축하고 있습니다. 이 프로젝트에는 많은 시간뿐만 아니라 돈도 투자합니다.

더 나은 세계에 대한 이러한 비전을 보는 것은 정말 좋은 일이며 좋은 커뮤니티처럼 느껴집니다. 웹은 단순히 기술 솔루션을 구축하고 코드를 작성하는 공간 그 이상입니다. 유용하고 의미 있고 아름다운 개별적인 것들을 만드는 곳입니다.

점프 후 더! 아래에서 계속 읽기 ↓

소식

  • 공식화하자: Safari 12.1은 이제 다크 모드를 지원합니다. 귀하의 페이지에 적용하는 방법에 대한 전체 기사를 확인하거나 이미 지원하는 Twitter 또는 Colloq과 같은 사이트 중 하나를 살펴보십시오. Safari의 개발자 도구에는 이제 다크 모드용 디버그 모드도 있습니다.
  • Chrome 74는 공개입니다. 새 버전을 사용하면 사용자가 감소된 동작을 요청했고 기능 정책 API도 업데이트를 받았는지 감지할 수 있으므로 이제 허용된 모든 기능에 대해 document.featurePolicy.allowedFeatures() (), 단일 기능에 대해 allowsFeature() 또는 document.featurePolicy.getAllowlistForFeature() 를 요청할 수 있습니다. 허용된 기능을 가져오는 도메인 목록의 경우 document.featurePolicy.getAllowlistForFeature() .
  • Googlebot은 이제 항상 녹색입니다. 즉, Google의 검색 크롤러가 최신 Chromium 버전을 자동으로 가져옵니다. 이제부터 ES6, ECMAScript 모듈 및 새로운 기능을 지원하고 IntersectionObserver 및 WebComponents v1 API를 통해 지연 로드된 콘텐츠를 이해합니다. 곧 ES6 트랜스파일러를 중단해야 할 때입니다.
  • Web Share API는 웹사이트를 더 많이 사용할 수 있는 좋은 추가 기능입니다. 그리고 Android용 Chrome에서 오랫동안 사용할 수 있었지만 Safari는 최신 버전의 macOS 및 iOS에 이 기능을 제공합니다.

일반적인

  • Stefan Judis는 웹을 안전한 장소로 유지하여 저렴하고 빠르게 만들고 사용자에 대한 응답을 조정하는 방법에 대한 요약 기사를 공유합니다. 모두 HTTP 헤더를 사용합니다. 우리 모두는 일상 업무에서 이러한 것들을 잊어버리는 경향이 있으므로 모두에게 좋은 읽을거리입니다.
  • 연례 Mozilla 2019 인터넷 건강 보고서는 인류와 인터넷이 어떻게 교차하는지 조사합니다. 여기 보고서를 완전히 읽고 싶지 않은 사람들을 위해 몇 가지 짧은 답변이 포함된 보고서 자체가 있습니다.
  • 대기 순환은 기술 분야에서 흔한 일이며 많은 팀에서 이를 위해 어려움을 겪고 있음을 알고 있습니다. 그렇기 때문에 "모든 규모의 대기 중"에 대한 이 가이드가 매우 유익하고 유용하다는 것을 알게 되었습니다. 소규모 팀이든 대기업의 구성원이든 관계없이 준비 방법과 해야 할 일에 대해 설명합니다.
  • Emily Shaffer는 정규 표현식에 주석을 달아 다른 사람들도 이해할 수 있도록 하는 방법을 공유합니다.
얼마나 많은 사람들이 온라인 상태이고 얼마나 많은 사람들이 세계 어느 지역에서 오프라인 상태인지 보여주는 막대기 그림. 온라인에 접속하는 대부분의 사람들은 아시아 및 태평양 국가에서 왔으며 그 다음이 미주 국가에서 왔습니다.
세상에 단 100명의 사람이 있다면 누가 온라인에 접속할 것인가? 이는 Mozilla의 인터넷 건강 보고서 2019에서 답변한 질문 중 하나일 뿐입니다. (이미지 크레디트)

UI/UX

  • 여기에서 강조할 가치가 있는 꽤 좋은 크로스오버 앱: 개념 앱은 개념 및 디지털 아이디어를 생성하기 위한 매우 유연한 스케치, 그림, 계획 앱입니다.
  • Patrick Faller는 제품 설계에서 과도한 복잡성을 역전시키는 방법을 설명합니다.
원과 화살표로 표시된 단순화 경로. 빼기, 통합, 재배포, 우선 순위 지정, 명확화.
지나치게 복잡해진 제품의 UX는 어떻게 수정하나요? Patrick Faller는 단순화의 길을 보여줍니다. (이미지 크레디트)

압형

  • GitHub는 자체 npm 레지스트리(루비, Docker, Maven, NuGet도 포함)를 플랫폼에 통합하여 경험을 완성하고 있습니다. 이것은 사용자 정의 및 개인 패키지를 훨씬 쉽게 게시할 수 있게 해주기 때문에 큰 단계입니다.

은둔

  • 웹 개발자로서 우리는 웹사이트에 어떤 제3자와 추적기가 포함되어 있는지 검사하는 방법을 알고 있습니다. 그러나 응용 프로그램의 경우에는 매우 다릅니다. 데스크톱이나 모바일 앱에서 광고나 개인 정보 침해 추적 메커니즘을 차단하는 것은 어렵고 추적을 전혀 알아차리지 못하는 것은 훨씬 더 어렵습니다. 이에 대한 인식을 높이고 사용자를 배신하지 않는 소프트웨어를 구축합시다.

보안

  • Google AMP 프로젝트는 Google Chrome에서 AMP 도메인을 "단순화"할 것이라고 발표했습니다. 이는 사용자가 실제로 Google AMP 서버에 있는 동안 브라우저 표시줄에서 원래 URL을 볼 수 있음을 의미합니다. 이것은 URL 스푸핑을 방지하기 위해 브라우저 공급업체가 일반적으로 허용하지 않는 방식이라는 사실을 고려할 때 흥미로운 접근 방식입니다.

접근성

  • stylelint-a11y는 CSS 린터를 통해 접근성 모범 사례를 시행하는 stylelint용 플러그인입니다.

자바스크립트

  • MutationObserver API를 완전히 이해하지 못하셨나요? 여기 그것을 이해하기 위한 가이드가 있습니다.

CSS

  • Andy Clarke는 CSS 모양을 사용하여 웹에서 아트 디렉션을 수행하고 보다 정교한 레이아웃을 만드는 방법을 보여줍니다.

직장 생활

  • 생산성과 약속은 어떻게 관련됩니까? 끊임없는 요구, 해야 할 일이 너무 많고 우선 순위에 대한 모호한 정보와 다양한 긴급 상황에서 더 이상 약속을 어긴 것에 대해 사람들을 비난할 수 없습니다. "오늘 오후 1시까지 연락주세요"와 같은 다른 사람들의 기대에 끊임없이 직면하게 된다면 어떻게 하면 원래의 하루 일정을 지키며 생산성을 높일 수 있을까요? 긴급하지 않지만 긴급한 이메일에 "제시간에" 회신하는 것보다 그러한 외부 요구를 무시하고 "할 일이 더 많았습니다"라고 말해야 합니까? 그렇게 하려면 확실히 약간의 용기가 필요하지만, 결국 이것이 생산성에 관한 것입니다. 일정을 지키고 하나의 단일 작업에 집중하는 시간을 할애하는 것입니다.
  • 언제부터 수행적 워커홀리즘이 라이프스타일이 되었나요? The New York Times는 비즈니스 문화, 허슬, 그리고 우리가 더 빨리 더 빨리 일하기 위해 발전시키는 이상한 사랑에 대해 자세히 설명합니다. 그러나 우리가 하루에 12시간 또는 18시간 동안 일할 때 우리의 삶은 어떻습니까? 자동화가 우리의 일을 덜어줄 것이라는 그 약속은 어떻습니까?
  • 당신은 대기 전화를합니까? 이것이 팀원의 효율성을 해치는 비용이 많이 드는 이유입니다.
  • “너무 바쁘지 말고 아무 것도 하지 마세요. 저희를 믿으세요." New York Times의 이러한 주장에는 이유가 있습니다. 스트레스가 많고 하루 종일 일해야 하는 환경에서 우리는 멈추고 자신을 위한 시간을 가져야 한다는 것을 기억해야 합니다.
  • 우리는 다른 사람들의 일에 대해 판단하는 경향이 있습니다. 그렇기 때문에 우리는 일이 하기 쉽고 많은 시간이나 노력이 필요하지 않다고 가정하고 무언가를 "낮은 열매"라고 선언하는 경향이 있습니다. 그러나 우리는 몇 가지 상황을 놓칠 수 있고 예상보다 더 큰 작업이 될 수 있음을 잊습니다. 제이슨 프리드(Jason Fried)는 다른 사람의 직업을 설명할 때 "쉬운"이라는 단어를 사용할 때 주의해야 한다고 말합니다.
  • ConvertKit의 설립자인 Nathan Barry는 비 전통적인 방식으로 비즈니스를 운영하는 방법에 대한 몇 가지 통찰력을 공유합니다. 그들은 표준화된 급여를 지불하고 수익을 공개하며 회사 이익의 60%를 팀에 분배합니다.
New York Times 기사 '젊은이들이 일을 사랑하는 척하는 이유'의 스크린샷. 제목 아래에는 노트북, 휴대폰, 태블릿을 들고 오른손으로 주먹을 쥔 세 젊은이의 선전 포스터 스타일 그림이 있습니다. 포스터 배경에는 '허슬'이라고 쓰여 있다.
언제부터 수행적 워커홀리즘이 라이프스타일이 되었나요? New York Times는 이 주제에 대한 기사를 헌정했습니다. (이미지 크레디트)

넘어…

  • "이 시대에 관한 것이 드물다면 아마도 우리의 복잡한 네트워크 시스템이 마침내 매우 독특한 지점에 도달했을 가능성이 있습니다. 환경 및 사회적 결과가 너무 눈에 띄게 얽혀 있어 무시할 수 없게 되었을 것입니다." — Ingrid Burrington "희귀하고 유독한 시대"에서.
  • 최선을 다하자. 차세대를 위한 최고의 환경. 귀하의 업무를 인수하는 직원을 위한 최고의 업무입니다. 삶의 모든 측면에 대해 그것을 마음에 간직하십시오. 그러면 그것이 차이를 만든다는 것을 알게 될 것입니다. 다른 사람들과 당신에게. 좋은 일을 해서 기분이 좋습니다.
  • 첨단 기술이 적용되고 지속 가능하며 기후 변화에 맞서기 위해 우리가 할 수 있는 가장 효과적인 방법은 무엇입니까? 나무 심기. 그 중 1조.
  • 우리는 지구에 무엇을 하고 있습니까? 플라스틱 오염에 대한 인식이 높아짐에도 불구하고 플라스틱 및 유리병, 캔 및 상자의 글로벌 판매는 여전히 증가하고 있는 것 같습니다. 대안이 너무 많습니다. 이제 일회용 플라스틱 포장재와 테이크아웃 커피 구매를 중단할 수 있습니까?
  • 우리는 과부하를 느낄 때 좌절과 분노로 누군가를 비난하는 경향이 있습니다. 이것은 일이 고요하고, 질서 있고, 단순하고, 견고하고, 통제될 것이라는 희망에서 비롯됩니다. 그러나 세상은 이 희망을 따르지 않습니다. 왜냐하면 그것은 혼돈하고 끊임없이 변화하며 결코 고정되지 않고 근거도 없기 때문입니다. 그래서 우리는 다른 사람들에게 불안하고 화를 냅니다. 그러나 우리는 좌절감을 느낄 때 침착하는 습관을 만들 수 있습니다.
  • 매일 손에 들고 있는 작은 화면인 휴대전화는 어떤 에너지에 영향을 미치나요? 우리는 화상 통화, 메신저를 사용하거나 사진을 클라우드에 업로드합니다. 그러나 모든 클라우드 서비스, 4G 네트워크 자체는 우리가 잊어버리기 쉬운 엄청난 양의 에너지를 사용합니다. 이 기사에서는 오늘날 스마트폰 사용의 종속성과 데이터를 절약하고 전화 사용량을 줄이는 것이 왜 중요한지, 그리고 그것이 단지 자신을 위한 것인지 자세히 설명합니다.

한 가지 더: 제 독서 목록이 마음에 드시면 기부를 고려해 주십시오. 마쿠유니에게 기부하는 것도 중요합니다.

—안셀름