React
총 8개의 글
nuqs로 URL 쿼리 파라미터 상태 관리하기
nuqs의 useQueryState·useQueryStates로 URL 쿼리 파라미터를 타입 안전하게 React state처럼 다루는 방법을 정리합니다. 파서 종류, 옵션, 검색·필터·페이지네이션 실무 예제까지 한 번에.
AG Grid Tooltip 사용법 — tooltipField · tooltipValueGetter · tooltipShowDelay
AG Grid tooltipField, tooltipValueGetter, headerTooltip, tooltipShowMode, tooltipShowDelay 설정 방법을 JavaScript·React 예제와 함께 한 번에 정리합니다.
AG Grid v21 → v35 마이그레이션
AG Grid v21에서 v35 마이그레이션 시 필수로 처리해야 할 변경사항. rowSelection, cellRendererFramework, CSS 경로, Module 등록, setGridOption API 통합까지 실무 기준 완전 정리.
AG Grid 공통 래퍼 설계 (Client / Server)
AG Grid v35 기준으로 실무에서 쓰는 공통 래퍼 설계 방법. AgGridProvider로 모듈과 라이선스를 주입하고, ClientSideGrid와 ServerSideGrid를 분리하는 구조를 설명합니다.
React useMemo · useCallback · memo 차이 — 언제 써야 하나 실전 가이드
React.memo, useMemo, useCallback의 차이점과 올바른 사용 시점. 불필요한 리렌더링을 막는 최적화 패턴을 실전 예제와 함께 정리합니다.
AG Grid Drawer + URL 상태 동기화 — 새로고침 복원 패턴
AG Grid 목록에서 상세 Drawer를 열고 URL에 상태를 저장해 새로고침해도 복원되는 패턴. getRowId, ensureNodeVisible, useNavigate와 함께 Row 자동 선택·스크롤까지 정리합니다.
Kepware OPC UA + React 실시간 모니터링 — Node.js 서버 연동 가이드
Kepware OPC UA 서버와 Node.js를 연동해 PLC 설비 데이터를 React 대시보드로 실시간 모니터링하는 구축 방법. 구독·세션 관리·UI 연동까지 정리합니다.
React + IndexedDB 파일 업로드 큐 구현 — 오프라인 대응 패턴
네트워크 불안정 환경에서 파일 업로드 실패를 IndexedDB 큐로 해결하는 방법. 저장 후 백그라운드 업로드 패턴을 React에서 구현하는 완전 가이드입니다.