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