플러스프로젝트 배경
1) 문제점 - 프리랜서를 찾는 클라이언트의 핵심 동선은 '검색 → 프로필 확인 → 미팅 요청'인데, 검색 필터(기술 스택, 경력, 단가, 지역)를 바꿀 때마다 페이지 전체가 다시 로딩되어 조건을 비교하며 탐색하는 과정에서 이탈이 발생하는 구조 - 10년간 기능이 추가되면서 프리랜서 카드, 프로젝트 카드, 리뷰 블록 등 비슷한 UI가 페이지마다 다른 코드로 만들어져 있어, 하나를 고치면 다른 곳이 깨지는
프로젝트 성과
모바일 대응
Tailwind CSS와 반응형 디자인 시스템 도입으로 모든 디바이스에서 일관된 사용자 경험 제공. 모바일 사용자 만족도 조사에서 기존 대비 NPS 40점 상승
에러율 개선
프로덕션 환경에서 발생하던 주간 평균 50건의 자바스크립트 런타임 에러를 Error Boundary와 전역 에러 처리 시스템 도입으로 0건으로 감소. 사용자 경험 안정성 200% 향상
배포 자동화
수동 배포 프로세스를 GitLab CI/CD 파이프라인으로 자동화하여 배포 소요 시간을 평균 45분에서 8분으로 단축. 휴먼 에러로 인한 배포 실패율 0% 달성
성능 최적화
이미지 최적화, 코드 스플리팅, 레이지 로딩 적용으로 초기 페이지 로딩 시간을 4.2초에서 1.5초로 65% 개선. Core Web Vitals 지표 모두 Green 달성
개발 생산성 향상
Next.js와 TypeScript 도입, 컴포넌트 기반 개발 방식 적용으로 신규 기능 개발 소요 시간 평균 200% 단축. 1주일 걸리던 기능 개발이 평균 2.5일로 감소
핵심 기능
실시간 검색 필터링
프리랜서 탐색 시 기술 스택·경력·단가·지역 필터를 바꿔도 페이지 새로고침 없이 즉시 결과 갱신. 필터 반응 시간 2초 → 200ms로 단축하여 비교 탐색 흐름 유지
진행 단계
구조 설계 & 환경 구축
2024.07.
기존 시스템 분석, 전환 대상 페이지 우선순위 선정, 새 프로젝트 세팅, 자동화 배포 파이프라인 구축
프로젝트 상세
1) 포트폴리오 소개 IT 프리랜서와 기업을 연결하는 매칭 플랫폼의 사용자 화면 현대화 프로젝트. 10년간 운영되며 쌓인 매칭 데이터와 비즈니스 로직은 그대로 유지하면서, 클라이언트가 프리랜서를 탐색하고 미팅을 요청하는 핵심 동선의 속도와 사용성을 개선했다. 4개월간 서비스 중단 없이 전환을 완료했다. 2) 작업 범위 - 프리랜서 검색/목록, 프로젝트 상세, 프로필, 매칭 대시보드 등 사용자 접점 화
