N
Naver d2
July 4, 20252회
FE News 25년 7월 소식을 전해드립니다!

간단 소개
FE News 25년 7월 소식: React 생태계 분석, ECMAScript 2025, 유용한 튜토리얼 및 코드 정보 제공.
AI Summary
- 주요 소식
useState
사용을 피해야 하는 케이스 소개,UseEffect
시리즈의 연장선.- search params를 state로 활용 시 발생 가능한 문제점과 다양한 해결책 제시.
- 2025년 React 생태계 분석, Meta와 Vercel의 관계가 React에 미치는 영향 분석.
- ECMAScript 2025 승인, Iterator 관련 스펙 주목.
- 튜토리얼 & 코드
- 서버/DB 없이 Astro에서 관련 포스트 구현 가이드, Static 블로그 운영에 유용.
- React에서 세밀한 반응성 구현 튜토리얼 제공.
- 마이크로소프트 Model Context Protocol(MCP) 한국어 학습 자료 제공.
- React, Next.js 앱에서 i18n 관련 문제 검출 도구 소개.
- React 앱의 다국어 지원 미들웨어 Lingo.dev 소개.
- Vibe Coding을 위한 AI 기반 버전 관리 도구 YOYO 소개.
- liquid glass 디자인을 적용 가능한 react 컴포넌트 소개.
Next Feeds

Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발 경험 공유 및 성능 분석.
WindowingVirtualizationReactBig Table성능
2025. 7. 4.
Naver d2

MSA로의 여정에서 만난 Spring Modulith 체리픽 해본 후기 🍒
카카오뱅크의 MSA 전환 과정에서 Spring Modulith를 활용한 모듈러 모놀리스 아키텍처 도입 경험과 실질적인 적용 사례를 공유합니다.
MSA모듈러 모놀리스Spring Modulith도메인 경계아키텍처
2025. 7. 4.
카카오뱅크

pgstattuple extension을 사용한 PostgreSQL 성능 향상
pgstattuple 확장을 사용하여 PostgreSQL 성능을 향상시키는 방법과 모범 사례를 소개합니다. 테이블 팽창, 인덱스 단편화 진단 및 해결 방법을 제시합니다.
pgstattuplePostgreSQL성능 향상테이블 팽창인덱스 단편화
2025. 7. 4.
AWS

토스가 특허 낸 리서치툴, TNS (Toss Navigation Score) 제작기
토스가 자체 개발한 TNS 리서치 툴은 사용자의 앱 내 탐색 경로를 추적하여 UX를 개선하고, 전사적인 내비게이션 건강도를 측정하는 데 기여한다.
TNSUX 리서치내비게이션사용자 경험데이터 분석
2025. 7. 4.
토스

바이브 코딩으로 48시간 만에 250명 규모 해커톤 AI 심사 시스템 구축기
바이브 코딩으로 48시간 만에 250명 규모 해커톤 AI 심사 시스템을 구축한 경험 공유 및 AI 개발의 가능성과 한계 분석.
AI 심사바이브 코딩해커톤GeminiClaude Code
2025. 7. 4.
카카오

연간 LLM 호출 비용 25% 절감, 인턴이 도전한 시맨틱 캐싱 도입 기록
당근 채팅팀 인턴의 시맨틱 캐싱 도입으로 LLM 호출 비용을 25% 절감한 사례와 향후 확장 계획을 소개합니다.
LLM시맨틱 캐싱비용 절감AI머신러닝
2025. 7. 3.
당근