웹개발 관련
- MDN Browser Compatibility Report : 올해 2~3월에 MDN에서 설문한 결과를 바탕으로 크로스 브라우징 작업의 업계 상황을 정리한 120페이지의 보고서다. 3천여 명이 응답했고 크로스 브라우징에 대한 만족도, 가장 어려운 부분을 정리하고 크로스 브라우징에서 상세 기능별로 응답자의 답변과 브라우저별 버그 등이 정리되어 있다.(영어)
- Chrome is deploying HTTP/3 and IETF QUIC : Chrome이 IETF QUIC를 이용한 HTTP/3을 지원하기 시작했고 정확한 드래프트 버전은 h3-29이다. 크롬 안정 버전의 25%가 이를 사용할 수 있고 조금씩 늘려갈 예정이라고 한다.(영어)
- Declarative Shadow DOM : Shadow DOM은 CSS를 특정 DOM에만 적용할 수 있게 하는데 지금까지는 JavaScript를 이용한 imperative API만 제공했기 때문에 정적 페이지나 서버 사이드 렌더링에서는 Shadow DOM을 사용할 수 없었다. 선언적 Shadow DOM을 사용하면
shadowroot
속성을 가진 <template>
새도우 루트를 이용해서 HTML만으로 선언할 수 있고 Chrome 88부터 플래그 없이 사용할 수 있다.(영어)
- User-Agent Client Hints의 도입, UA 프리징을 대비하라 : 그동안 브라우저에서 사용자 클라이언트의 정보 확인용으로 사용하던 User-Agent를 크롬이 개인정보 보호를 목적으로 프리징하고 Client Hint를 도입하기로 했는데 그 상세 내용을 정리한 글이다. User-Agent가 프리징되면 모든 운영체제가 Windows 10으로 표시되고 OS 버전, 모델명 등은 동기방식으로는 알아낼 수 없게 된다.
navigator.userAgent
대신 navigator.userAgentData
를 사용해야 하고 더 자세한 정보는 navigator.userAgentData.getHighEntropyValues
로 비동기로 가져와야만 알 수 있다.(한국어)
- Redux 를 넘어 SWR 로 (1), (2) : Redux를 사용할 때 겪는 문제를 리듀서/액션의 코딩량이 많은 문제와 상태 초기화가 어렵고 로컬과 원격의 상태를 동기화하는 부분을 지적하고 있다. Vercel이 만든 fetch 용 커스텀 훅 SWR이 원격상태와 로컬상태를 하나로 통합해 주어 Redux의 문제를 해결할 수 있다는 것을 보여주고 있다.(한국어)
그 밖의 개발 관련
인프라 관련
볼만한 링크
- (번역) 뉴스레터에 대한 소고 : Ben Evans가 자신의 뉴스레터를 유료 구독으로 전환하면서 쓴 글이다. 글의 소비가 이메일 - 웹 - 블로그 - RSS - 텀블러 -인스타그램/페이스북/트위터 - 미디엄으로 변화되어 왔지만, 다시 뉴스레터라는 포맷을 재발견하면서 이메일로 돌아온 상황을 설명하고 이후 뉴스레터가 더 인기를 끌게 되면 뉴스레터의 홍수 속에 추천알고리즘이나 어그케이터가 등장하리라 전망하고 있다.(한국어)
- Six Figures in 6 days : 과거 탈옥한 아이폰의 아이콘을 팔았었는데 7년이 지난 올해 iOS 14에서 시리 숏컷을 이용한 아이콘 변경 기능을 발견하고 아이콘 세트를 만들어서 올리고 트윗이 퍼지고 Youtube에도 소개되면서 인기를 끌어 6일 동안 3,626개를 팔아 $101,528을 벌었다고 한다.(영어)
- iOS 광고 정책의 대변화, 마케터들이 지금 당장 취해야 할 액션 : iOS 14에서 변경된 광고 정책이 무엇이고 어떤 영향을 주는지 정리한 글이다. iOS 14에서는 AppTrackingTransparency 프레임워크 도입을 통해 IDFA 수집을 기본적으로 불가능하게 하고 SKAdNetwork로 광고 어트리뷰션을 자체적으로 하게 하고 개인정보 취득 정책을 강화했다. 이 변화가 무슨 의미가 있고 마케팅 및 광고에는 어떤 영향을 주어 실제 적용될 때까지 자사의 서비스에서 어떤 조치를 해야 하는지 까지 잘 나와 있다. 얼마 전에 필요해서 해당 부분을 좀 찾아봐도 완전히 이해하기 어려웠는데 이 글에 잘 나와 있다.(한국어)
IT 업계 뉴스
프로젝트
버전 업데이트
- npm v7.0.0 : Node.js 패키지 매니저, 릴리스 공지
- 워크스페이스 지원
- 피어 디펜던시 자동 설치
- package-lock 버전 2 지원 및 yark.lock 파일 지원
- MobX 6.0.0 : JavaScript 상태 관리 라이브러리, 릴리스 공지
- Decorator 지원 중단
makeObservable
, makeAutoObservable
추가
- webpack v5.0.0 : JavaScript 번들러, 릴리스 공지
- 더 빠르고 작아진 빌드
- Node.js 자동 폴리필 제거
- 장기 캐시를 위한 새로운 알고리즘 추가
- Module Federation 추가
- Python v3.9.0 : 프로그래밍 언어, 릴리스 공지
|
딕션어리 머지 연산자
|=
딕션어리 업데이트 연산자
- 문자열의
removeprefix
, removesuffix
추가
- 내장 제너릭 타입의 타입 힌트
- PEG 파서 도입
- 자세한 내용은 파이썬 3.9 릴리스와 주요 변경 사항 참고.
- Celery v5.0 : Python 분산 테스크 큐, 변경사항
- fastify v3.5.0 : Node.js 웹 프레임워크, 변경사항
- Elixir v1.11 : 프로그래밍 언어, 릴리스 공지
- Cortex v1.4.0 : 확장가능한 장기 Prometheus 스토리지, 릴리스 공지
- Rust 1.47.0 : 프로그래밍 언어, 릴리스 공지
- Fluent Bit v1.6.0 : 로그 프로세서/포워더, 릴리스 공지
- cypress 5.3.0 : 웹 테스트 도구, 변경사항
- Firefox 지원이 베타를 끝내고 Firefox 80부터 공식 지원한다.
- React Native for Web v0.14.0 : 웹용 Rect Native, 릴리스 공지
- Snowpack v2.13 : 웹 프론트엔드 빌드 도구, 릴리스 공지
- LLVM v11.0.0 : 컴파일러, 릴리스 공지
- sbt v1.4.0 : Scala 빌드 도구, 릴리스 공지
- Linux Kernel v5.9 : 리눅스 커널, 릴리스 공지
- Visual Studio Code v1.50 : 에디터, 릴리스 공지
- Knative v0.18.0 : Kubernetes 기반 서버리스 플랫폼, 릴리스 공지
- Android Studio v4.1 : 안드로이드 IDE, 릴리스 공지
Outsider
2020/10/15 21:23
2020/10/15 21:23
Comments