플러스
프로젝트 배경
1) 문제점 10,000건 이상의 금융 거래 데이터 목록 렌더링 시 성능 저하 발생 페이지 전환 시 로딩 스피너가 표시되어 업무 흐름이 끊기는 UX 문제 금융 특성상 실시간 리스크 지표 모니터링 필요하나 폴링 방식의 데이터 갱신 지연 문제 2) 프로젝트 목표 고성능 대용량 테이블: 10,000건 이상 거래 데이터를 메모리 효율적으로 처리 즉시 전환 UX: Route Loader 프리페칭으로 페이
위시켓과 함께한 진행 과정
프로젝트 등록
React/Typescript 기반 관리자 페이지 프론트엔드 개발
2025.06.19.
프로젝트 완료
주식회사 리스크엑스 (RiskX Corp.)프로젝트 성과
10,000+ 행 렌더링 최적화
TanStack Virtual + Infinite Query로 대용량 거래 데이터 메모리 효율 처리 달성
페이지 전환 로딩 제거
Route Loader 프리페칭으로 페이지 이동 시 로딩 스피너 0건 달성
자동 메모이제이션 전환
React Compiler 도입으로 수동 useMemo/useCallback 전량 제거
핵심 기능
가상화 테이블
TanStack Virtual + Infinite Query로 10,000건 이상 거래 데이터를 가상 스크롤로 처리
진행 단계
아키텍처 설계
2025.07.
Feature-First 도메인 구조 및 서버/클라이언트 상태 분리 설계
프로젝트 상세
1) 포트폴리오 소개 금융 거래 데이터 관리 및 실시간 리스크 모니터링을 위한 금융사 내부 백오피스 시스템. 컴플라이언스 담당자·리스크 관리자·정산팀을 메인 타깃으로, 10,000건 이상의 대용량 거래 데이터 처리와 실시간 모니터링이 핵심인 B2B 내부 업무 시스템. 2) 작업 범위 Front-end 개발 (프리랜서) Feature-First Architecture 기반 도메인 모듈 설계 반응형
