프론트엔드 뉴스레터
#12
이번 이슈 한눈에
- Express 5.3이 잘못된 요청 크기 제한 설정을 무시하던 보안 문제를 수정했어요.
- Claude Code 팀은 모든 PR을 AI로 먼저 검토하고, 변경의 위험도에 따라 사람 승인 수를 나눠요.
- Hydrogen이 기존 JavaScript 앱에 상거래 기능을 더하는 라이브러리로 바뀌었어요.
- Astro 7.4에서 빌드 작업별 소요 시간과 느린 페이지를 확인할 수 있어요.
- 01
github.com
Express, 잘못된 요청 크기 제한 설정을 오류로 알려줘요
원문 읽기 ↗JavaScript 서버 도구인 Express에서는
limit설정으로 요청 본문으로 받을 데이터의 최대 크기를 정할 수 있어요. 그런데 해석할 수 없는 문자열이나NaN을 지정하면, 잘못된 값을 거부하지 않고 크기 제한 없이 큰 요청을 받을 수 있었습니다.Express 5.3은 이 보안 문제의 수정을 반영했어요. 이제 잘못된
limit값은 요청 본문을 읽는 처리를 초기화할 때 오류를 냅니다. - 02
news.hada.io
Claude Code 팀은 변경 위험도에 따라 사람 승인을 달리 받아요
원문 읽기 ↗AI 코딩 도구 Claude Code를 만드는 팀은 모든 코드 변경(PR)을 사람이 검토하기 전에 AI로 먼저 리뷰해요. 그다음 변경의 위험도에 따라 필요한 사람 승인을 0명, 1명, 2명으로 나눕니다. 일반 제품 변경에는 1명, 고위험 변경에는 2명의 승인이 필요해요.
사람 승인 없이 병합할 수 있는 건 신뢰 목록에 있는 작성자가 낸 저위험 변경뿐입니다. 이 경우에도 자동 리뷰와 보안 검사, 테스트와 빌드 등을 자동으로 실행하는 CI를 통과해야 해요.
- AI 에이전트의 승인은 필수 사람 승인을 대신할 수 없어요. 배포 결과에 대한 책임도 사람에게 남습니다.
- 03
hydrogen.shopify.dev
Hydrogen, 기존 JavaScript 앱에 상거래 기능을 더하는 라이브러리로
원문 읽기 ↗온라인 상점에는 화면뿐 아니라 장바구니와 상품 옵션 선택, 구매자 통화에 맞는 가격 같은 기능도 필요해요. Shopify의 Hydrogen은 상점 전체를 그 위에서 만드는 프레임워크였는데, 정식 출시된 Hydrogen 2026-10부터 어떤 JavaScript 프레임워크에도 추가할 수 있는 라이브러리로 바뀌었습니다.
Hydrogen이 상거래 기능을 맡고, 페이지 이동과 데이터 불러오기, 화면 렌더링은 앱에서 쓰던 프레임워크가 계속 맡아요.
- 기존 Hydrogen 상점은 그대로 동작하므로 당장 이전할 필요는 없어요.
- 04
astro.build
Astro 7.4, 빌드에서 오래 걸리는 작업과 페이지를 보여줘요
원문 읽기 ↗배포할 파일을 만드는 빌드가 느려도, 전체 소요 시간만으로는 어떤 작업이 오래 걸렸는지 알기 어려워요. Astro 7.4에서는
astro build --timings를 실행하면 빌드에 걸린 시간을 작업별로 나눠 볼 수 있습니다. 페이지 렌더링, JavaScript 파일 묶기, 이미지 변환 등에 걸린 시간과 느린 페이지를 확인할 수 있어요.- Astro 7.4와 공식 연동 패키지(integration)의 최소 Node.js 버전은 22.22.0이에요. 그보다 오래된 Node.js 22 버전을 쓴다면 Astro를 올리기 전에 Node.js를 업데이트해야 합니다.