TAG

React

종료 요일 오프셋을 도입하고 주간 좌표로 겹침을 판정해 자정 넘김 일정을 API·관리자 화면·학부모 시간표·PDF까지 일관되게 처리한 과정입니다.

lodash 사용 범위를 줄이고 xlsx·Firebase 등 선택 기능을 지연 로딩과 manualChunks로 분리한 번들 최적화 과정을 정리합니다.

참조 이력을 보존하면서 삭제 수업을 신규 선택에서 제외하고, 오래된 신청의 저장·승인을 API와 UI 양쪽에서 차단한 과정을 정리합니다.

1만 건 데이터에서 React 테이블의 전체 DOM 렌더링 병목을 확인하고 가상화를 적용해 프로덕션에 반영한 과정을 정리합니다.

사용자·요금제 단위의 초기 권한 검사에서 그룹 권한과 Feature·Role 권한 매트릭스로 확장한 과정을 정리합니다.

키오스크 공통 테마와 컴포넌트를 정비하고 배리어프리 모드에서 터치 이벤트가 겹치던 문제를 해결한 과정을 정리합니다.

기존 React SPA 랜딩의 JavaScript 렌더링 의존성을 줄이기 위해 Next.js App Router와 SSG를 도입하고 Googlebot·네이버 Yeti가 읽을 HTML, metadata, sitemap을 구성한 과정을 정리합니다.

서로 다른 라우트에서 필요한 관리자 정보를 Zustand store로 공유하고, 화면 계층의 props 전달과 세션 상태 책임을 분리한 과정을 정리합니다.

지문 인식기·소켓·QR·원격 제어 로직을 역할별 Custom Hook으로 분리하고 이벤트 구독과 정리 책임을 명확히 한 과정을 정리합니다.

전체 메시지 내역을 한 번에 조회하던 구조를 페이지 단위 서버 조회로 바꾸고 검색 시 페이지 상태를 일관되게 관리한 과정을 정리합니다.