프론트엔드 뉴스레터
#33
이번 이슈 한눈에
- Next.js 16.4.5·15.5.29, 캐시 데이터 노출 등을 수정
- Node.js 22·24·26, HIGH 등급 보안 수정을 11월 11일 또는 직후 배포 예정
- OpenAI, Git 저장·코드 리뷰 도구를 만드는 Pierre 인수 계획 발표
- 01
nextjs.org
Next.js, 요청 사이에 캐시 데이터가 새는 문제를 고쳤어요
원문 읽기 ↗Next.js가 캐시 데이터 노출 등을 고친 16.4.5·15.5.29를 배포했어요. 16.x의 한 문제는 언어·고객사별로 구분해야 할 캐시 데이터가 다른 언어·고객사의 요청에 재사용되는 현상입니다.
Cache Components를 켠 앱에서, 함수 실행 결과를 저장해 재사용하는 두 캐시 기능
use cache와unstable_cache()를 중첩해 쓰는 특정 조합이 대상이에요. 서버 시작 후 캐시를 처음 채우는 동안 요청이 겹치면, 언어·고객사를 구분하는 경로 매개변수 검사가 빠져 다른 요청의 결과가 캐시에 저장될 수 있었습니다.- 설명한 캐시 문제의 영향 버전은 16.3.0~16.4.4입니다.
- 루트 레이아웃의 경로 매개변수를 읽는 같은
use cache함수를 렌더링에서 직접 호출하면서unstable_cache()안에서도 호출하는 경우가 대상이에요.
- 02
nodejs.org
Node.js 22·24·26, 11월 11일 보안 업데이트를 예고했어요
원문 읽기 ↗Node.js 22·24·26 계열의 보안 수정이 11월 11일 또는 그 직후 배포될 예정이에요. 세 계열 모두 수정할 문제의 최고 심각도는 HIGH입니다. 아직 취약점의 구체적인 영향이나 수정 버전은 공개되지 않았어요.
- 03
openai.com
OpenAI가 Git 저장·코드 리뷰 도구를 만드는 Pierre를 인수할 계획이에요
원문 읽기 ↗OpenAI가 Git 기반 코드 저장 서비스 Code Storage와 코드 리뷰용 오픈소스 도구를 만드는 Pierre 인수 계획을 발표했어요. Pierre의 파일 탐색·변경 비교 라이브러리는 이미 Codex에 쓰이고 있습니다. OpenAI는 Code Storage의 기능도 Codex에 통합해, 에이전트와 사람이 코드를 저장하고 변경 사항을 검토하는 작업을 연결할 계획이에요.
- 인수는 규제 승인 등 절차가 남아 있어 아직 완료되지 않았어요.
- Pierre의 오픈소스 프로젝트는 오픈소스로 유지하며, Code Storage도 인수 후 계속 사용할 수 있다고 밝혔습니다.
- 04
github.com
Redux Toolkit 3.0, ESM 전용 배포와 TypeScript 6 이상 지원을 계획해요
원문 읽기 ↗Redux 팀이 Redux Toolkit 3.0을 ESM 전용으로 배포하는 로드맵을 공개했어요. CommonJS와 ESM 두 형식을 함께 제공하던 패키지를 하나로 줄여, 설치 크기와 빌드·배포 관리 부담을 낮추려는 계획입니다. 최소 지원 TypeScript 버전도 6으로 올릴 예정이에요. 일부 변경은 먼저 2.x에서 선택해 쓸 수 있게 제공해 3.0 전환을 준비하도록 합니다.
- 3.0 출시는 약 6~8개월 뒤를 예상하는 단계이며, 확정된 일정은 아닙니다.
- 05
blog.x.com
X.com, 콘텐츠를 첫 HTML 응답부터 보내 로딩을 줄였어요
원문 읽기 ↗기존 X.com은 브라우저가 JavaScript를 내려받아 실행한 뒤 데이터를 요청해야 게시물을 보여줄 수 있었어요. 새 웹앱은 서버에서 만든 콘텐츠를 첫 HTML 응답부터 스트리밍해 이 대기를 줄였습니다. 구조 변경과 후속 성능 개선 뒤, 로그인한 상태로 @SpaceX 프로필을 여는 실험실 비교에서 첫 게시물이 나타나는 시간이 24.7초에서 3.0초로 줄었어요.
- 캐시를 비우고 네트워크 지연 150ms·다운로드 1.6Mbps·업로드 750Kbps·CPU 4배 감속을 적용한 조건에서, 각 앱을 7회씩 측정한 중앙값입니다.
- 새 앱은 비로그인 페이지와 검색 크롤러 요청에 적용됐으며, 로그인 이용자는 국가별로 점진적으로 전환하고 있어요.