AI Briefing#nextjs
#nextjs와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#nextjs와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
Vercel의 Skew Protection이 --prebuilt 옵션을 사용한 배포 방식을 지원합니다.
React Server Components에서 서버 중단 및 CPU 과부하를 유발하는 DoS 취약점이 발견되어 즉각적인 업데이트가 권고된다.
셀프 호스팅 Next.js 애플리케이션에서 메모리 고갈을 통한 DoS 취약점 2종이 발견되었다.
Vercel이 AI 에이전트와 LLM을 위해 최적화된 React 및 Next.js 최적화 지식 저장소를 공개했다.
코드 변경 시 수동 업데이트가 필요한 퍼널 문서를 AST 정적 분석을 통해 자동으로 생성하는 방법을 공유한다.
React Server Components에서 심각한 보안 취약점이 발견되어 React와 Next.js 사용자들의 주의가 요구된다.
올리브영이 대규모 프론트엔드 아키텍처 개선을 위해 모듈 페더레이션을 활용한 PoC를 진행했다.
서버·클라이언트 최적화로 GSC의 좋은 URL 비율을 99%까지 끌어올렸다.
TPS 4.6배 향상과 응답 시간 4배 단축을 달성했으며, Nginx 정적 리소스 서빙으로 추가 최적화를 진행했다.
카카오메이커스가 Next.js SSR 서버의 OS 레벨 모니터링 한계를 극복하기 위해 PM2, Grafana Alloy, TSCoke를 활용한 프로세스 레벨 모니터링 파이프라인을 구축했습니다.
Matrix 병렬화와 캐시 사전 점검으로 monorepo CI 시간을 최대 84% 줄였다.
Next.js SSR 환경에서 발생하는 CORS 에러와 Version Skew 문제의 원인을 분석하고 해결한 실무 경험을 공유한다.
Emotion 기반 시스템을 Vanilla Extract와 CSS 변수로 재설계해 상품 카드를 11개 지면에 통합했다.
Babel AST로 기존 코드의 한글을 자동으로 t로 감싸고 번역 자원을 추출했다.
Figma, Panda CSS, GitHub Actions를 연동하여 디자인 토큰의 변경 사항을 코드에 자동으로 반영하는 프로세스를 구축했다.
올리브영이 기존 JSP 기반 기획전 시스템을 Next.js로 전환하며 직면한 렌더링 이슈와 해결 방법을 공유한다.
Next.js를 AWS ECS에서 직접 운영할 때 성능을 높이는 CDN 연동법과 도커 이미지 경량화 전략을 소개한다.
상품 목록 및 상세 페이지에 ISR 기반 Full Route Cache를 적용해 평균 TPS를 34에서 220으로 높였다.