🗞️ 주간 뉴스레터 - 해외 프론트엔드 기술 트렌드 - 2월 1주차

1. 리액트 19 신규 클라이언트 훅 New client-side hooks coming to React 19 https://marmelab.com/blog/2024/01/23/react-19-new-hooks.html React 19에서 도입되는 새로운 클라이언트 측 훅을 살펴볼 수있습니다. use(Context)가 루프와 조건문 내에서도 호출될 수 있다는 점이 흥미롭습니다. 2. 버셀은 어떻게 버셀을 빌드하는가 How Vercel Builds Vercel https://www.youtube.com/watch?v=-huwRrj_HA4&ab_channel=Vercel Vercel이 제품을 배포하는 방법을 설명합니다. 자신들의 제품을 개발 및 배포 파이프라인 전체에서 최대한 활용하려고 노력하는 도그푸딩(dogfooding)의 실제를 볼 수 있습니다. 3. 수백만 코드를 타입스크립트로 마이그레이션하기 Migrating millions of lines of code to TypeScript https://stripe.com/blog/migrating-to-typescript Stripe는 Flow에서 TypeScript로 거대한 코드베이스를 마이그레이션하는 경험을 공유했습니다. 아주 거대한 리팩터링도 가능하다는 것을 보여주는 좋은 예입니다. 4. 새로운 프론트엔드 마스터 강좌 출시 New Frontend Masters courses https://frontendmasters.com/courses 여러 흥미로운 주제에 대한 짧은 강좌를 살펴볼 수 있습니다. 5. Locality of Behaviour 원칙 https://htmx.org/essays/locality-of-behaviour/ 물리학에서는 온 국소성의 원리(principle of locality 라는 개념이 있습니다. 공간적으로 멀리 떨어져있는 두 물체는 절대 서로 직접적으로 영향을 줄 수 없다는 물리학 원리입니다. 한 물체가 다른 물체에게 영향을 미치기 위해서는 반드시 둘 사이의 공간이 매개되어야 합니다. "이 코드 조각은 무슨 역할을 하는가"라는 질문에 답할 수 있는, Locality of Behaviour 코드 구성의 원칙을 소개합니다. htmx 예제와 jQuery 예제를 통해 왜 htmx이 왜 인라인 구현(inlining implementation)을 선택했는지 확인해 볼 수있습니다.