Frontend6개의 글
RSC CDN 캐싱 파편화, 어떻게 해결해야 하나?
Next.js App Router의 RSC 응답이 글로벌 CDN 환경에서 캐시 파편화를 일으키는 원인을 node_modules 내부 코드까지 파헤쳐 분석하고, patch-package를 활용한 해결 전략을 수립한 과정을 공유합니다.
왜 Streaming SSR을 써야 할까? Next.js 렌더링 방식 비교 실험
최근 회사 프로젝트를 Pages Router에서 App Router로 마이그레이션하는 작업을 진행했습니다.그 과정에서 단순히 코드 구조만 바뀐 것이 아니라, TTFB(Time To First Byte)와 TTI(Time To Interactive) 같은 핵심 지표에서
[React Native] Expo Android iOS 구글 로그인 성공하기 without firebase
개발 환경 > Firebase 사용 안함 Expo 사용 React Native 0.77 이상 @react-native-google-signin/google-signin 라이브러리 사용 들어가기 전에 RN EXPO로 어플 만들다보면, AI는 공식문서에 있는 라이브러리
Redux Toolkit으로 인증 시스템 구축
R 들어가며 React 애플리케이션에서 상태 관리는 항상 중요한 과제입니다. 특히 로그인, 회원가입과 같은 인증 관련 기능을 구현할 때는 여러 컴포넌트에서 인증 상태에 접근해야 하므로 전역 상태 관리가 필수적입니다. 이번 글에서는 Redux Toolkit(RTK)을 활
React Query 서버 상태 관리 안할거야?
React Query 완벽 가이드: 서버 상태 관리의 시작 목차 React Query란? 설치 및 설정 기본 사용법 실제 사용 예시 성능 최적화 팁 자주 묻는 질문 1. React Query란? React Query는 React 애플리케이션에서 서버 상태 관리를
React Hooks 패턴 정리
실무에서 자주 사용하는 React Hooks 패턴과 커스텀 훅을 정리합니다.