프로젝트 배경
1) 문제점 기술 부채의 누적 - 레거시 PHP 모놀리식 아키텍처로 인한 유지보수 어려움 - 스파게티 코드로 인해 신규 기능 추가 시 사이드 이펙트 빈번 발생 - 타입 안정성 부재로 런타임 에러 빈번 - 테스트 코드 부재로 리팩토링 부담 가중 비즈니스 요구사항과 기술의 괴리 - 모바일 반응형 웹 미지원으로 모바일 사용자 이탈 - 느린 페이지 로딩 속도로 사용자 경험 저하 - SEO 최적
프로젝트 성과
3~4개월 만에 레거시 PHP → Next.js 풀스택 마이그레이션 완료
사용자 서비스, 백오피스, 사장님 전용 페이지 전체를 단기간 내 완성하고 무중단 배포로 안정적으로 론칭
TypeScript 도입으로 런타임 에러 70% 감소
타입 안정성 확보로 컴파일 타임 에러 사전 차단, 프로덕션 환경 에러율 대폭 감소
SEO 최적화로 자연 유입 트래픽 증가
SSR/SSG 적용, 사이트맵 자동 생성, 메타데이터 최적화로 검색 엔진 노출 개선
마케팅 인프라 구축으로 데이터 기반 의사결정 가능
GA, Meta Pixel, Airbridge 통합으로 사용자 행동 데이터 수집 및 분석 체계 구축
컴포넌트 재사용률 60% 이상 달성
Atomic Design 패턴 기반 컴포넌트 라이브러리 구축으로 개발 생산성 향상
핵심 기능
진행 단계
기술 스택 선정 및 아키텍처 설계
2022.05.
Next.js/Nest.js/React Native 기술 스택 선정, 컴포넌트 아키텍처 설계, 마이그레이션 전략 수립
프로젝트 상세
1) 프로젝트 개요 레벨투(구 띵고)는 피규어, 프라모델, 건프라 등 컬렉터블 상품의 프리오더를 전문으로 하는 소셜 커머스 플랫폼입니다. 사용자가 자신의 취향과 관심사를 담은 콘텐츠를 올리고, 다른 사용자들이 그 콘텐츠를 통해 상품을 발견하고 구매하는 새로운 형태의 커머스 경험을 제공합니다. 이 프로젝트는 단순한 기능 개발이 아닌, 레거시 PHP 코드베이스를 모던 웹 스택(Next.js/Nest.j






