2022년 10월

2022년 웹 연감

 

나이 든 프로그래머

40세가 된 프로그래머로서 프로그래머가 나이가 들면 관리자가 되거나 프로그래밍에 흥미를 잃게 된다는 생각을 자신의 경험과 생각을 통해서 부정한다.

 

PR 및 피드백을 효과적으로 관리하는 6가지 방법

 

React 렌더링 동작에 대한 가이드

- 2020년 5월 게시글이지만 React18과 향후 업데이트를 포함해서 수정됨

- React 구성 요소, 재사용성 및 추상화

- 잘못된 추상화

  - 복사는 잘못된 추상화보다 훨씬 저렴하다.

 

더 깔끔한 코드를 위한 '6의 법칙'

 

소프트웨어 엔지니어링 사례

• 코드와 동일한 리포지토리에 있는 문서
• 테스트 데이터 생성 메커니즘
• 견고한 데이터베이스 마이그레이션
• 새 프로젝트 및 구성 요소를 위한 템플릿
• 자동화된 코드 서식
• 새로운 개발 환경을 위한 테스트되고 자동화된 프로세스
• 자동화된 미리보기 환경

 

React를 기본적으로 빠르게 반응형으로 만드는 방법 - legend-state

- 라이브러리 react 문서

 

Grid를 이용한 Layout breakouts

- css의 clamp, min, max 함수와 grid를 이용한 너비별 반응형 레이아웃. 기존에는 상위 엘리먼트에서 너비를 고정시키고 하위 엘리먼트에서 너비를 넓히기 위해서는 margin에 minus 값을 주거나 transform을 사용하는 약간의 꼼수가 필요했는데 grid만을 이용한 신선한 방법

 

React 렌더링의 미래

- Streaming SSR

- Streams API

- Streaming SSR example by shopify

 

차세대 웹의 전환

- MPA, PEMPA, SPA, PESPA 각각 아키텍처 구조를 보여주며 PESPA를 통한 웹 개발이 UX와 DX 관점에서 가장 좋으며 해당 아키텍처를 쉽게 구현하기 위한 플랫폼으로 REMIX가 지원하고 있다는 점을 보여줌.

 

에러 문구 설계하기

- 오류 메시지를 통해서 더 나은 UX 지원

 

팀이 나의 함수형 코드를 싫어 한다면?