Skip to content

[2018년 10월 웹 개발 동향] – 기후 변화에 대응하는 디자인, RAIL 성능 모델, 원격 근무의 부작용

최근 공개된 여러 연구 결과와 공식 보고서에 따르면 돌이킬 수 없는 기후 변화를 피하기 위해서는 향후 10년간 극적인 행동이 필요할 것 같습니다. 이번 기회에 기후 변화와 관련된 몇 가지 가설과 의구심을 논할 가치가 있겠습니다.

흔히 하는 주장 가운데 하나는 기후 변화는 ‘거대 기업들의 잘못’에 의한 것이며 개인의 영향은 미미하다는 것입니다. 하지만 기업의 제품을 구입하고 서비스를 이용하는 것은 우리 소비자입니다. 개인은 현명한 선택을 통해 변화를 만들 수 있습니다. 주변 사람들에게 기후 변화 문제에 관해 이야기하고, 소속 회사의 경영진이 재생 에너지를 사용하도록 설득함으로써 지금처럼 지구에 손상을 입히지 않는 지속 가능한 방향으로 변화시킬 수 있습니다. 어려운 과제이지만 그렇다고 우리 개인적 책임을 거부할 수 없습니다.

어쩌면 이를 계기로 우리가 정말 필요로 하는 것에 대해 다시 생각하게 될 것입니다. 밖으로 나가 자연을 직접 경험하면 환경과 인간의 관계를 회복하는 데 도움이 될 수도 있습니다. 그리고 직접 손으로 천천히 무언가를 만들면서 그 재질과 속성을 생각하다 보면 우리에게 주어진 자원의 가치와 지금 환경에 관심을 두지 않았을 때 잃게 될 무언가를 짐작할 수 있을 것입니다.

업데이트 소식

  • 크롬 버전 70이 출시되었습니다. 윈도우와 리눅스에서 데스크톱 프로그레시브 웹앱(PWA)이 지원되며, 인증서 관리 API를 통한 공개키 인증서가 지원됩니다. 그리고 워커Workers에 이름을 지정할 수 있게 됩니다.
  • 포스트그레스Postgres 버전 11이 출시되었습니다. 더 강력하고 빠른 파티셔닝과 쿼리 병렬 처리 기능 향상, 표현식을 위한 JIT 컴파일Just-in-Time compilation, 그 외 몇 가지 유용하고 편리한 변경 사항이 추가되었습니다.
  • 맥OS 모하비와 iOS 버전 12의 출시에 맞춰 사파리 버전 12 역시 출시되었습니다. 이번 버전에서 새롭게 추가된 것에는 내장된 암호 생성기, 3D와 증강 현실(AR) 뷰어, 브라우저 탭에서 아이콘 사용, 애플 워치OSWatch OS에서 웹 페이지 출력, 새로운 폼 필드 속성값, 아이패드 iOS를 위한 전체화면 APIFullscreen API, WOFF2에서 서체 컬렉션 지원, 웹 폰트 로딩을 제어하는 데 사용하는 font-display CSS 속성값, 지능형 추적 방지0, 몇 가지 보안성 강화가 포함되었습니다.
  • 사용자가 지메일Gmail 등의 서비스에 로그인하면 구글 크롬 브라우저에도 동시에 로그인되도록 설정되었던 구글의 결정에 대한 많은 논의가 있었습니다. 부정적인 사용자들의 반응으로 인해 구글은 크롬 버전 70에서 해당 사항의 변경을 빠르게 발표했습니다. 그럼에도 불구하고 이번 논란은 구글의 관심사와 앱 개발 방향성에 대해 분명히 보여줬습니다. 구글의 크롬 브라우저와 이를 개발한 사람들이 지난 수년간 ‘웹’이라는 생태계를 완전히 새로운 수준으로 끌어올렸던 점을 고려하면 안타까운 일입니다.
  • 마이크로소프트 에지 버전 18이 출시되었습니다. 웹 인증 APIWeb Authentication API와 자동 재생에 대한 새로운 정책, 서비스 워커Service Worker 업데이트, CSS 마스킹, CSS 백그라운드 혼합 모드Background blend, 오버스크롤Overscroll 지원 등이 추가됐습니다.

일반 소식

  • 맥스 버크Max Böck가 허리케인 웹The Hurricane Web이라는 글을 통해 통신 대역폭과 배터리가 제한된 상황에서도 사용자가 웹을 사용할 수 있도록 우리가 할 수 있는 일에 관해 썼습니다. 흥미롭게도 최근 허리케인 플로렌스Florence가 미국에 상륙했을 때 CNN과 NPR이 배터리 소모를 최소화하는 작은 용량의 텍스트 전용 웹페이지를 제공했습니다. 반드시 특수한 상황이 아닌 경우에도 기본적으로 웹사이트들이 에너지와 통신 대역폭을 절약하는 목표를 향해 개선될 수 있다면 정말 좋을 것 같습니다. 단지 성능 개선과 로딩 시간 단축 외에도 환경을 보호하고 사용자를 더 행복하게 만들 수 있도록 말이죠.

UI/UX

숀 박Shawn Park이 매년 포트폴리오 웹사이트를 리디자인하며 배운 내용을 공유했습니다. (이미지 출처)

접근성

도구

프라이버시

  • 이 글에 따르면 쿠키를 삭제하는 단순한 개인정보 보호 도구는 아무 쓸모가 없다고 합니다. TLS 세션 추적을 통해 사용자를 추적할 수 있는 더 나은 방법이 존재하고 우리에겐 이를 피할 수 있는 힘이 없습니다. 따라서 브라우저에 얼마나 많은 대응책을 활성화했는지와 무관하게 누군가가 당신을 추적할 수 있다는 사실을 알고 있어야 합니다.
  • 구글의 데이터 수집에 관한 대학 연구 자료에 대한 조시 클라크Josh Clark는 안드로이드 폰이 수집하는 데이터가 구글의 비즈니스 모델에서 얼마나 중요한지, 그리고 스마트폰을 사용하지 않고 이동하지도 않을 때조차 수집되고 있는 정보의 종류에 대해서 조명합니다.

보안

클라우드플레어의 IPFS 게이트웨이는 웹사이트가 에지 네트워크로부터 얻는 퍼포먼스와 안정성의 이점을 유지하면서도 엔드 투 엔드 보안을 확보할 수 있도록 해줍니다. (이미지 출처)

웹 퍼포먼스

레일 퍼포먼스 모델의 네 가지 요소 : 반응Response, 애니메이션Animation, 유휴Idle, 로드Load (이미지 출처)

HTML & SVG

자바스크립트

  • 윌리안 마틴스Willian Martins가 많이 알려지지는 않았지만 명명된 함수에서 this를 호출할 수 있는 강력한 연산자인 자바스크립트 bind() 함수의 비밀을 공유했습니다. 자바스크립트를 작성하는 또 다른 방법입니다.
  • 모든 사람이 ‘오전 9시 러시아워rush hour’에 대해 알고 있습니다. 폴 루이스Paul Lweis는 이 용어를 사용해서 웹을 구축하는 방법에 대하여 다시 생각해보고, 브라우저 메인 스레드에서 트래픽 정체가 발생하는 것을 피하고 UI에 속하지 않는 모든 것을 별도의 트래픽 경로로 아웃소싱해야 하는 이유를 설명했습니다.

CSS

CSS 그리드 아이템의 위치를 설정할 때 그리드 라인에 음수 값을 사용할 수 있습니다. (이미지 출처)

일과 삶

도서 소개

레이철 앤드루의 신간 『새로운 CSS 레이아웃』
그리드를 사용한 레이아웃을 기존 레이아웃과 비교해서 살펴볼 수 있습니다. 예제를 통해 그리드 레이아웃이 어떻게 활용되는지 확인해보세요. 레이아웃만을 다룬 ‘그리드 레이아웃’ 전문서 『새로운 CSS 레이아웃』입니다. 본질의 웹 디자인 시대 흐름에 뒤처지지 않으려면 이 책을 꼭 읽어야 합니다!!
저작권 정보이 글은 Smashing Magazine 기사를 번역한 것입니다. 저작권자의 정당한 허락을 받은 저작물로 한국어판 저작권은 웹액츄얼리에 있습니다. 웹액츄얼리의 서면 동의 없이 무단 전재, 복제를 금합니다. 원본은 Monthly Web Development Update 10/2018: The Hurricane Web, End-To-End-Integrity, And RAIL에서 확인할 수 있습니다.
참여를 기다립니다!국내 웹 디자인계 발전에 도움 주실 분을 찾습니다. 최신 웹 기술에 관심 많은 프론트엔드 개발자이면서, 영어를 우리말로 옮기는 데 어려움 없는 분의 연락을 기다립니다. 번역물에 대한 소정의 번역료를 지급합니다. 메일로 연락주시면 안내드리겠습니다.
books@webactually.com


맨위로