웹개발 관련

• 라이트하우스 6.0에서 바뀐 성능 지표변화 : Lighthouse 6.0에서 새로운 웹 성능 지표로 추가된 LCP(Largest Contentful Pain), CLS(Cumulative Layout Shift), TBT(Total Blocking Time)를 자세히 설명한다. Web Vitals에서는 FID(Fisrt Input Delay)가 추가되었지만, Lighthouse에서는 FID 대신 TBT를 사용한다.(한국어)
• Using the Chrome UX Report API : 크롬 사용자를 바탕으로 실제 사용자의 UX 데이터가 담긴 Chrome UX Report(CrUX)를 프로그램으로 연동할 수 있는 API가 공개되었다.(영어)
• Vue 3: mid 2020 status update : 원래 Vue 3을 전반기에 릴리스하기로 계획했지만 7월 중순에 RC를 릴리스 할 수 있고 정식 버전은 8월 초를 예상한다고 한다. Core뿐 아니라 관련 프로젝트의 현재 상태를 정리해 두었다.(영어)
• Stop mocking fetch : 테스트 코드에서 백엔드에 요청을 보내는 fetch를 모킹하면 실제 동작이 달라지거나 깨졌을 때 확인이 어렵다는 점을 지적하면서 한곳에서 모킹처리를 관리하면서 실제 API 동작을 확인할 수 있게 수정한 접근을 보여준다. 그리고 msw 라이브러리를 소개하며 같은 문제를 더 쉽게 해결하는 방법을 보여준다.(영어)
• Creating a Design System in React : Bit를 이용해서 React로 디자인 시스템을 구축한 과정을 설명하고 있다. 디자인 시스템 자체보다는 Bit의 사용법에 대한 설명이 주인데 Bit가 각 컴포넌트를 분리와 버저닝을 관리해주고 코드에서 문서화 및 배포까지 도와주어 협업에 도움이 된다고 한다.(영어)
• Flipper — A React Native revolution : React Native 앱의 디버그 도구로 다양한 도구를 사용해 보았지만, 각각의 제약사항이 있어서 만족하지 못했지만 Flipper에는 네트워크 로그, 로그, React 개발도구 등 필요한 기능이 다 있고 플러그인 시스템까지 있어서 앞으로 React Native의 주요 디버그 도구가 될 것이라고 설명하고 있다.(영어)
  
  

그 밖의 개발 관련

• Introducing GitHub Super Linter: one linter to rule them all : 다양한 언어의 코드를 일관성 있게 lint 검사를 하기 위해 GitHub에서 만든 super-linter를 오픈소스로 공개했다. super-linter는 GitHub Action으로 사용할 수 있다.(영어)
• Use Binary Encoding Instead of JSON : 데이터를 네트워크로 전송할 때 JSON, XML, CSV 같은 텍스트 형식과 바이너리 형식을 사용할 수 있는데 두 가지 형식을 비교한 글이다. 텍스트 형식은 값의 타입을 제대로 구분하기 어려운 문제가 있고 바이너리 형식과 비교해서 용량이 더 큰 문제가 있다며 간단한 82바이트의 JSON 데이터를 Thrift, Protocol Buffers, Avro로 어떻게 표현할 수 있고 바이너리에서는 32 ~ 3바이트로 훨씬 줄어든 점을 강조하고 있다.(영어)
• 표준 Go 프로젝트 레이아웃(Standard Go Project Layout) : Go 애플리케이션의 프로젝트 레이아웃을 설명하는 문서의 한글 번역본이다.(한국어)
• Build your own Dropbox Extensions : Dropbox Extensions이 이제 개발자들에 공개되어 누구나 자신의 익스텐션을 만들어서 Dropbox와 연동할 수 있다.(영어)
• Amazon Honeycode 베타 출시 – 코드 작성 없이 웹 및 모바일 앱 구축하기 : Amazon에서 코드 작성 없이 스프레드시트를 이용해서 웹이나 앱 애플리케이션을 만들 수 있는 허니코드를 출시했다.(한국어)
  
  

인프라 관련

• Announcing the HashiCorp Cloud Platform : HashiCorp에서 AWS, GCP, Azure 등에서 HashiCorp의 제품을 풀매니지드로 운영할 수 있는 HashiCorp Cloud Platform(HCP)을 발표했다. 현재 베타이고 첫 베타 서비스는 AWS에서의 Consul이고 다음은 Vault라고 한다.(영어)
• Amazon RDS Proxy – Now Generally Available : 작년 리인벤트 행사에서 공개된 RDS Proxy가 GA가 되었다. RDS Proxy는 애플리케이션이 데이터베이스 커넥션 풀을 공유해서 사용할 수 있게 하고 이번 GA가 되면서 MySQL과 PostgreSQL을 모두 지원한다.(영어)
• Working with Terraform and Kubernetes : Terraform으로 Kubernetes를 관리하는 방법을 설명한 글이다. Terraform 공식 Kubernetes 프로바이더가 있지만, 커스텀 리소스를 사용하지 못하는 등 제약사항이 있는 편이고 HashiCorp에서 Terraform kubernetes-alpha 프로바이더를 앞으로의 좋은 대안으로 기대해 볼 수 있다. 세 번째 방법으로는 Kubestack에서 만든 Terraform Provider Kustomize을 사용하는 방법이 있다.(영어)
• Relay Public Beta : IFTTT 스타일로 이벤트 기반의 인프라스트럭처 자동화를 할 수 있는 relay를 puppet에서 공개했다.(영어)
  
  

볼만한 링크

• Why Figma Wins : 왜 Figma가 성공했는지를 설명한 글이다. 다른 디자인 도구가 파일을 클라우드에 올려놓는 방식이었지만 Figma는 브라우저 기반이라 디자이너들이 파일을 주고받느라 고생할 필요가 없이 협업할 수 있고 최종 결과물만 타팀과 공유하는 것이 아니라서 디자인 프로세스에 PM이나 개발자를 포함해서 피드백을 빨리 주고받을 수 있게 되었다. 그래서 Figma의 영향이 디자이너뿐 아니라 회사 전체에 영향을 끼치고 이 덕에 입소문도 빨리 퍼지게 되었고 최근에는 플러그인과 커뮤니티로 인해서 더 성장이 빨라지고 있다고 한다.(영어)
• [SOCAR FRAME 만들기 # 1] 쏘카의 디자인 시스템 맛보기 : 쏘카에서 만든 디자인 시스템 Socar Frame을 작년 말부터 준비하면서 설득과정부터 TF를 꾸려서 전체에 적용한 과정을 정리한 글이다.(한국어)
• GitHub Stars program : GitHub에서 생태계에 영향을 주는 사람을 추천할 수 있는 프로그램이 공개되었다. 로그인하면 특정 개발자를 추천할 수 있다.(영어)
  
  

IT 업계 뉴스

• The end of the Redis adventure Redis를 만든 Salvatore Sanfilippo가 Redis 메인테이너에서 물러나고 Redis Labs의 자문위원회에서만 활동한다고 한다. 10년 전에 Redis를 만들고 Redis가 큰 성공을 거두었지만, 점점 다른 개발자와 얘기하는데, 더 시간을 쓰게 되었고 소프트웨어 메인테이너가 되길 원한 건 아니었다고 한다. 차후 계획은 아직 없지만, 코딩이 재밌으니까 코딩을 계속할 거라고 한다.(영어)
• Databricks acquires Redash, a visualizations service for data scientists : Spark로 유명한 데이터 분석회사 Databricks가 데이터 시각화 회사인 Redash를 인수했다.(영어)
  
  

프로젝트

• css stats : 사이트 주소를 입력하면 분석 후 선언된 폰트 크기, 백그라운드 색상 수, 특이성 등을 분석해주는 사이트.
• Mock Service Worker : API 모킹 JavaScript 라이브러리.
• Puppeteer Cluster : 크롬 브라우저를 API로 제어하는 Puppeteer 클러스터를 관리하게 해주는 프로젝트.
• HorizonCalendar : Airbnb에서 오픈소스로 공유한 iOS 캘린더 UI 컴포넌트.
  
  

버전 업데이트

• Angular v10.0.0 : JavaScript 프레임워크, 릴리스 공지
• Node.js v14.5.0 (Current) : 자바스크립트 런타임, 릴리스 공지
• ESLint v7.4.0 : JavaScript 코드 분석 도구, 릴리스 공지
• Perl 7 : 프로그래밍 언어, 릴리스 공지
• Cortex v1.2.0 : 확장가능한 장기 Prometheus 스토리지, 릴리스 공지
• Spring Tools 4.7.0 : Spring 코딩 환경을 위한 도구, 릴리스 공지
• Elastic Stack v7.8.0 : 엘라스틱 스택, 릴리스 공지
• Terraform v0.13 Beta : 서버 인프라 설정 도구, 릴리스 공지
• Nomad v0.12 Beta : 워크로드 오케스트레이터, 릴리스 공지
• Lua 5.4.0 : 프로그래밍 언어, 변경사항
• Rollup v2.18.0 : JavaScript 번들러, 변경 사항
• React Hook Form v6.0.0 : React Form 검증 라이브러리, 릴리스 공지