TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
807978777675747372717069
Frontend
TanStack Start 1.0 — Remix·Next 대비 production 도입 평가
TanStack Start 1.0 GA. SaaS 1개 production 전환 사후 — 라우팅, 데이터 로딩, SSR 패턴, Remix·Next 대비 강약점.
Frontend
React Server Components — cache() API 1년 실전, 6가지 패턴
RSC cache()를 1년 운영하며 정착한 6가지 패턴. request memoization 오해, 직렬화 함정, 동등성 키 설계까지.
Frontend
Remix 3 + React Router 8 통합 — 라우팅의 미래는 어디로?
Remix와 React Router의 통합 발표 이후 1년. 무엇이 합쳐졌고, Next.js와 어떻게 다르며, 누가 어느 쪽을 선택해야 하나.
Frontend
Million.js v4 은퇴 — React Compiler 1.0 이후 재평가
React Compiler 1.0 출시 후 Million.js가 v4를 끝으로 메인 개발 종료. 우리 코드베이스에 미친 영향과 마이그레이션 실측.
Frontend
Solid 2.0 vs RSC — fine-grained vs 스트리밍, 결정 가이드
Solid 2.0의 fine-grained 반응성과 React Server Components의 서버 우선 모델, 어떤 프로젝트에 어느 쪽이 맞는지 실측 비교.
Frontend
RSC 데이터 페칭 4패턴 — Next.js 16에서 무엇을 언제 쓰나
React Server Components의 데이터 페칭 4패턴(서버 직접·use·Server Action·streaming)을 비교하고 상황별 결정 가이드.
Frontend
Next.js 16 캐싱 모델 — "use cache" 디렉티브 실전 정리
Next.js 16의 새 캐싱 모델 정리. "use cache" 디렉티브, dynamicIO, fetch 캐시 변화, 마이그레이션 함정.
Frontend
React Compiler 1.0 정식 출시 — useMemo·useCallback 작별 가이드
React Compiler 1.0이 stable 진입. 자동 메모이제이션으로 useMemo·useCallback 제거, Meta 사례 + 도입 단계별 가이드.
Frontend
React Server Components 5가지 함정과 해결법 — Context·Hydration·캐싱
RSC 도입 후 1년 — 실무에서 가장 자주 마주치는 5가지 함정 (Context 실패·Hydration 미스매치·캐싱·third-party 라이브러리·환경 변수)과 해결 패턴.
Frontend
Next.js 16 마이그레이션 가이드 — 15에서 변경된 8가지와 dynamic 처리
Next.js 15 → 16 마이그레이션의 주요 변경점 8가지를 실전 코드 예시로 정리. dynamic API 검출 강화, fetch 캐싱 변경, use cache 도입 등.
Frontend
React Server Components 실전 패턴 — 데이터 페칭·Streaming·use server 완벽 정리
React Server Components(RSC)는 서버에서 렌더링되어 번들에 포함되지 않는 새로운 컴포넌트 유형이다. 데이터 페칭·Streaming·use server·Client Boundary의 실전 사용법을 정리한다.
Frontend
Tauri 2 + React + Rust로 데스크톱 앱 만들기 — Electron 대비 10배 가벼운 앱 개발
Tauri 2 + React + Rust 조합으로 Electron 대비 10배 가벼운 데스크톱 앱을 만드는 방법. 프로젝트 구조, SSH 구현, 빌드 최적화까지