플러스프로젝트 배경
1) 문제점 서비스 성장으로 채용공고 목록이 수천 건으로 증가하면서 초기 렌더링 성능 저하 Vue.js 한계로 더 나은 에코시스템을 위한 React 전환 필요, 단 무중단으로 진행해야 함 유사한 폼·필터 컴포넌트가 중복 개발되어 유지보수 비용 증가 2) 프로젝트 목표 성능 최적화: 수천 건 채용공고 목록의 렌더링 성능 문제 해결 점진적 마이그레이션: 프로덕션 중단 없이 Vue.js → React
프로젝트 성과
마이그레이션 무중단 완수
Vue.js에서 React로의 점진적 마이그레이션을 서비스 중단 없이 완료
대용량 목록 성능 개선
가상화 + 무한 스크롤 도입으로 수천 건 채용공고 렌더링 성능 문제 해결
컴포넌트 재사용성 향상
제네릭 컴포넌트 라이브러리 구축으로 팀 전체 개발 생산성 향상
핵심 기능
가상화 채용공고 목록
react-virtual + Infinite Query로 수천 건 채용공고를 가시 영역만 렌더링
진행 단계
합류 및 기존 코드 분석
2021.01.
Vue.js 기반 기존 서비스 구조 파악 및 개선 방향 수립
프로젝트 상세
1) 포트폴리오 소개 구직자와 기업을 연결하는 채용 플랫폼 서비스. 스타트업 초기 핵심 멤버로 합류해 서비스 고속 성장기의 프론트엔드 핵심 기능 설계·개발을 주도. Vue.js에서 React로의 점진적 마이그레이션과 대용량 채용공고 목록 성능 최적화 경험. 2) 작업 범위 Front-end 개발 반응형 웹 (모바일 우선) 3) 주요 업무 Vue.js에서 React로의 점진적 마이그레이션 (무
