2019년 11월

2020년 프론트엔트 마스터하기

 

JAMstack 속도

 FCP / TTFB

 

웹어쎔블리와 자바스크립트

 - 특별한 경우에만 의미있는 성능 차이를 나타내며 둘은 경쟁 상대가 아닌 상호보완적인 존재로 자리 잡을 것.

 

2019년 프론트엔드 도구 툴 설문조사

 

Symactic sidenotes for the web

 - 각주를 위한 시맨틱

 

사용자의 잘못없이 자바스크립트가 작동하지 않는 상황

 - 자바스크립트 사이트가 제대로 작동하지 못하는 다양한 시나리오를 제시해준다. 이에 대한 대응책을 마련해 놓을 수 있게 불확실성을 다루는 좋은 관점을 제시해준다.

 

네트워크와 디바이스 사양에 따라서 구분된 UI를 구현할게 도와주는 react-hook

 

Xamarin 크로스플랫폼의 차세대 플랫폼은 React?(MS에게 react란?)

 - RNW

 

일터에서 인간미가 주는 놀라운 효과

 - 직장에서 정신적으로 고통받는 이유와 잘못된 믿음에 때문에 삶이 무너지는 현상에 대한 내용

 

설계 시스템을 위한 협업 안내서

 

디자인의 실수

 - 불확실성과 무작위성이 우리 삶의 중요한 원동력임을 디자인 관점에서 바라보는 경험

 

code surfer

 

IE 브라우저 지원 중단에 관하여(개발과 서비스 관점에서)

 - 기회비용 측면에서 지원 중단을 장려하고 있지만 웹은 특정 제약이나 차별없이 모두에게 동일하게 제공되야 한다는 기본 철학 관점에서 보자면 상반되는 글이다. 무엇이 맞는지 보다는 둘 사이의 균형을 찾는게 중요하다.

 

reactime - react app 상태추척 크롬 확장프로그램

 - redux 개발툴에서 영감을 받아 비슷한 인터페이스를 가지고 있다.

 - 컴포넌트별 상태 변화를 트리 형식으로 관찰할 수 있다는 점이 흥미롭다.(컴포넌트 기반으로 더욱 직관적)

 

https://prepack.io/

 - 프리컴파일 및 AST

 

React Admin

 

Microfrontends 6가지 패턴 (마이크로 프론트엔드 아키텍처)

 - 2016년에 탄생한 새로운 서비스 아키텍처인 마이크로 프론트엔드의 6가지 패턴을 소개하며 최종적으로는 Siteless UI 패턴을 소개한다.

 - 관련 자료

Building Microfrontends with React
Microfrontends based on React
Taming the front-end monolith
Micro frontends—a microservice approach to front-end web development
마이크로프론트엔드: 사용가능한 해결책
마이크로프론트엔드 탐색
마이크로프론트엔드의 6가지 유형에 대한 장단점 비교

 

책임있는 개발자를 위한 HTTP Header(video)

 

2019년 web 보고서

 

semantic HTML을 위한 div의 7가지 대안 요소

 - main, section, aside, article, blockquote, nav, footer