프론트엔드 뉴스레터
#12
이번 이슈 한눈에
- Express 5.3, qs·body-parser의 서비스 거부 취약점 수정 반영
- Claude Code 팀, 변경 위험에 따라 사람 승인을 0·1·2명으로 구분
- Hydrogen, React Router 기반 프레임워크에서 라이브러리로 전환
- Astro 7.4, 빌드 병목 분석과 이미지 처리 설정 분리
- 01
github.com
Express 5.3, qs·body-parser의 보안 수정을 반영했어요
원문 읽기 ↗10월 9일 출시된 Express 5.3은
qs를^6.16.0,body-parser를^2.3.0으로 올려, 앞서 공개된 서비스 거부(DoS) 취약점 수정을 반영했어요.qs에는comma: true에서 배열 크기 제한을 우회하는 문제와,plainObjects: true또는allowPrototypes: true로 파싱한 외부 입력을qs.stringify()에 다시 넘길 때 예외가 발생할 수 있는 문제가 있었습니다.body-parser는 해석할 수 없는 문자열이나NaN을limit에 지정하면 요청 본문 크기 제한을 조용히 건너뛰었어요. 이제 잘못된limit값은 parser 초기화 때 오류를 냅니다.res.send()는 응답에Transfer-Encoding이 있으면Content-Length를 추가하지 않아요. ETag 생성은 그대로 유지합니다.
- 02
news.hada.io
Claude Code 팀, 변경 위험에 따라 사람의 승인 수를 나눠요
원문 읽기 ↗Claude Code 팀은 모든 PR을 AI로 먼저 리뷰하고, 변경 위험에 따라 사람 승인을 0·1·2명 요구하는 방식을 공개했어요. 사람 승인 없이 병합하는 경로는 신뢰한 작성자의 낮은 위험 변경에만 적용하며, 자동 리뷰·보안 검사·CI를 통과해야 합니다.
AI 작성자와 리뷰어가 밤새 50회 넘게 수정을 주고받은 사례도 있었어요. 반복을 줄이려고 리뷰가 세 차례 이어지면 접근을 재검토하게 하고, 초기 몇 차례 이후에는 새 diff만 다시 검토하도록 바꿨습니다.
- 공개 제품인 Code Review도 Team·Enterprise 플랜에 정식 제공돼요. 저장소별로 Quick·Standard·Deep을 선택할 수 있지만, 제품이 PR을 승인하거나 필수 사람 승인을 대신하지는 않습니다.
- 03
hydrogen.shopify.dev
Hydrogen, 기존 프레임워크에 추가하는 라이브러리로 바뀌었어요
원문 읽기 ↗Hydrogen 2026-10이 정식 출시되면서 React Router 기반 프레임워크에서 어떤 JavaScript 프레임워크에도 추가할 수 있는 라이브러리로 바뀌었어요. 장바구니·상품 옵션·통화별 가격·동의를 반영한 analytics·고객 로그인은 Hydrogen이 맡고, routing·데이터 로딩·렌더링은 기존 프레임워크에 남깁니다.
React·Vue용 연동을 제공하며, 다른 프레임워크에서는 장바구니 상태를 직접 구독할 수 있어요. 기존 Hydrogen storefront는 그대로 동작하므로 당장 이전할 필요는 없습니다.
- 호스팅은 자유롭게 선택할 수 있고, Oxygen도 계속 무료로 제공해요.
- 04
astro.build
Astro 7.4, 빌드 병목을 확인하고 이미지 처리를 분리해요
원문 읽기 ↗Astro 7.4에서는
astro build --timings로 Vite plugin·Markdown 처리·페이지 렌더링·이미지 변환에 걸린 시간을 나눠 볼 수 있어요. 느린 페이지와 빌드 단계가 함께 나와 어느 부분에서 시간이 걸리는지 확인할 수 있습니다.image.service에는build와runtime을 따로 지정할 수 있어요. prerender하는 페이지는 빌드 때 Sharp로 처리하고, 요청마다 렌더링하는 페이지는 이미지 CDN을 쓰는 식입니다.- Astro와 공식 integration의 최소 Node.js 버전이 22.22.0으로 올라갔어요. 이전 Node.js 22 버전을 쓰고 있다면 먼저 업데이트해야 합니다.
@astrojs/cloudflare와@astrojs/markdoc도 Astro와 함께 업데이트해야 해요. 새 버전은astro@^7.4.0을 요구합니다.