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

매주 월요일, 해외 프론트엔드 기술 트렌드 중 주목할 만한 내용들을 선별해 공유드립니다. 쉽고 빠르게 업계 트렌드를 함께 살펴보아요. 1. The AHA Stack: 웹 개발을 위한 새로운 접근 방식 https://ahastack.dev/aha/1-stack-overview/ 최근 클라이언트 앱이 계속 "얇아지고" 있습니다.  리액트와 유사한 개발 경험을 유지하면서 서버에서 HTML을 생성하고 최소한의 클라이언트 사이드 작성을 목적으로 탄생한 개념입니다. AHA는 Astro, htmx, Alpine.js를 기반으로 기술스택을 제안합니다. 2. React 렌더 성능 측정과 모니터링 방법 https://3perf.com/blog/react-monitoring 리액트에서는 특정 렌더에 걸린 시간을 명시적으로 측정해주는 미리 만들어진 라이프사이클 훅이 없습니다. PerformanceObserver 웹 API 를 사용하고 Sentry로 인터렉션과 성능을 수집하는 방법을 자세히 설명합니다. 3. HTMX와 웹 컴포넌트: 완벽한 조합 https://binaryigor.com/htmx-and-web-components-a-perfect-match.html HTMX와 함께 웹 컴포넌트를 만들고 사용하는 것은 매우 쉽습니다. 일반적인 속성 (generic approach) 구성 접근 방식으로 재사용 가능한 컴포넌트를 만드는 방법에 대해 설명합니다. 4. pa11y — 자동 접근성 테스트 https://github.com/pa11y/pa11y 명령 줄 또는 Node.js를 통해 페이지에서 접근성 테스트를 실행하여 테스트 프로세스를 자동화할 수 있습니다. 5. CORS에서 이기는 방법 https://jakearchibald.com/2021/cors/ 저자는 "CORS와 싸우는 데 내 인생의 많은 시간을 소비했다" 라고 말합니다. CORS와 관련된 거의 모든 이슈가 잘 정리되어 있습니다.