1) 문제점

기술 부채의 누적
- 레거시 PHP 모놀리식 아키텍처로 인한 유지보수 어려움
- 스파게티 코드로 인해 신규 기능 추가 시 사이드 이펙트 빈번 발생
- 타입 안정성 부재로 런타임 에러 빈번
- 테스트 코드 부재로 리팩토링 부담 가중

비즈니스 요구사항과 기술의 괴리
- 모바일 반응형 웹 미지원바카라 모바일 사용자 이탈
- 느린 페이지 로딩 속도로 사용자 경험 저하
- SEO 최적화 부재로 자연 유입 트래픽 저조
- 마케팅 분석 도구 부재로 데이터 기반 의사결정 불가

팀 역량의 한계
- 국비지원 교육 출신 주니어 개발자들로만 구성된 팀
- 실무 경험 부족바카라 모던 웹 개발 방법론에 대한 이해 부족
- 코드 리뷰 및 협업 문화 부재


2) 프로젝트 목표

기술적 목표
- 레거시 PHP → Next.js/Nest.js/React Native 완전 마이그레이션
- TypeScript 기반 타입 안정성 확보로 런타임 에러 최소화
- 반응형 웹 구현바카라 모바일 사용자 경험 개선
- SSR/SSG 활용한 SEO 최적화로 자연 유입 트래픽 증대
- 무중단 배포 시스템 구축바카라 안정적인 서비스 운영

비즈니스 목표
- 3~4개월 내 MVP 완성 및 서비스 론칭
- 마케팅 인프라(GA, Meta Pixel, Airbridge) 구축바카라 데이터 기반 의사결정 가능
- 관리자 도구 개선바카라 운영 효율성 향상
- 사장님 전용 페이지 구축바카라 재고 관리 및 상품 등록 프로세스 자동화

팀 성장 목표
- 주니어 개발자들의 실무 역량 향상
- 코드 리뷰 및 협업 문화 정착
- 모던 웹 개발 방법론 학습 및 베스트 프랙티스 공유


3) 주안점

점진적 마이그레이션 전략
- PHP 기존 API와 Nest.js 신규 API 병행 운영
- 우선순위 기반 기능 마이그레이션 (핵심 기능 우선)

개발 생산성 극대화
- TypeScript로 컴파일 타임 에러 사전 차단
- 재사용 가능한 컴포넌트 라이브러리 구축
- 코드 리뷰 프로세스 표준화로 코드 품질 향상

사용자 경험 최우선
- 반응형 웹바카라 모든 기기에서 최적화된 경험 제공
- SSR/SSG로 초기 로딩 속도 개선
- Core Web Vitals 지표 개선 (LCP, FID, CLS)

데이터 기반 의사결정
- GA, Meta Pixel, Airbridge 등 마케팅 분석 도구 통합
- 사용자 행동 데이터 수집 및 분석 체계 구축

지속 가능한 아키텍처
- 확장 가능한 컴포넌트 아키텍처 설계
- 테스트 자동화로 리팩토링 부담 최소화
- 명확한 코드 문서화 및 기술 가이드 작성

1) 프로젝트 개요

레벨투(구 띵고)는 피규어, 프라모델, 건프라 등 컬렉터블 상품의 프리오더를 전문바카라 하는 소셜 커머스 플랫폼입니다. 사용자가 자신의 취향과 관심사를 담은 콘텐츠를 올리고, 다른 사용자들이 그 콘텐츠를 통해 상품을 발견하고 구매하는 새로운 형태의 커머스 경험을 제공합니다.

이 프로젝트는 단순한 기능 개발이 아닌, 레거시 PHP 코드베이스를 모던 웹 스택(Next.js/Nest.js/React Native)바카라 완전히 마이그레이션하는 대규모 리뉴얼 프로젝트였습니다.


2) 프로젝트 배경 및 도전 과제

기술 부채 해소의 필요성
- 기존 PHP 기반 모놀리식 아키텍처로 인한 유지보수 어려움
- 반응형 웹 미지원바카라 모바일 사용자 경험 저하
- 레거시 코드로 인한 신규 기능 개발 속도 저하
- 분석 도구 및 마케팅 인프라 부재

팀 구성의 특수성
- 국비지원 교육 출신 주니어 개발자들로 구성된 팀
- 모두 첫 직장바카라, 실무 경험 부족
- 프론트엔드, 백엔드, 앱 개발 전반에 걸친 멘토링 필요

타이트한 일정
- 3~4개월 내 MVP 완성 목표
- AI 개발 도구 없던 시절, 모든 코드 직접 작성
- 비즈니스 연속성을 위한 무중단 배포 필수


3) 나의 역할 및 기여

테크 리드 & 아키텍처 설계
- 모던 웹 스택 선정: Next.js (프론트엔드), Nest.js (백엔드), React Native (모바일 앱)
- TypeScript 기반 타입 안정성 확보로 런타임 에러 사전 차단
- 확장 가능한 컴포넌트 아키텍처 설계 및 코드 리뷰 프로세스 구축

풀스택 개발
- 프론트엔드: Next.js 기반 사용자 서비스 페이지 개발 (모바일 최적화)
- 백오피스: 관리자 페이지 개발 (콘텐츠, 회원, 상품, 홈 화면 관리)
- 사장님 전용 페이지: 재고 관리 및 상품 등록 시스템 개발
- 백엔드 API: Nest.js 기반 RESTful API 설계 및 구현
- 모바일 앱 지원: React Native 개발팀 코드 리뷰 및 기술 가이드

마케팅 인프라 & SEO 최적화
- 분석 도구 통합: Google Analytics, Meta Pixel, Airbridge 등 마케팅 트래킹 설정
- SEO 최적화:
- 사이트맵(sitemap.xml) 자동 생성 시스템 구축
- robots.txt 설정바카라 크롤링 최적화
- Next.js SSR/SSG 활용한 메타데이터 동적 생성
- Open Graph, Twitter Card 메타태그 구현
- **성능 최적화**: Core Web Vitals 지표 개선, 이미지 최적화, 번들 사이즈 축소

인프라 구축 & DevOps
- AWS Lightsail 기반 무중단 배포 파이프라인 구축
- 개발/스테이징/프로덕션 환경 분리 및 자동화
- 모니터링 및 에러 트래킹 시스템 구축

팀 멘토링 & 지식 공유
- 코드 리뷰 문화 정착 및 베스트 프랙티스 공유
- 프론트엔드/백엔드/앱 개발 전반에 걸친 1:1 멘토링

4) 기술적 이슈 및 해결 과정

레거시 마이그레이션 전략
- PHP 기존 API와 새로운 Nest.js API를 병행 운영하며 단계적 전환
- 데이터 마이그레이션 스크립트 작성 및 무결성 검증

무중단 배포 구현
- Blue-Green 배포 전략 적용
- Health Check 엔드포인트 구현바카라 배포 안정성 확보
- Rollback 프로세스 자동화

SEO 최적화 챌린지
- CSR(Client-Side Rendering) → SSR(Server-Side Rendering) 전환바카라 검색 엔진 크롤링 최적화
- 동적 메타데이터 생성바카라 각 상품 페이지 검색 노출 극대화
- Structured Data(JSON-LD) 적용바카라 Rich Snippet 지원

주니어 팀 개발 효율화
- TypeScript 타입 시스템바카라 컴파일 타임 에러 사전 차단
- 컴포넌트 라이브러리 구축바카라 재사용성 향상
- Git 브랜치 전략 및 PR 프로세스 표준화


5) 프로젝트 결과 및 성과

개발 생산성
- 3~4개월 만에 사용자 서비스, 백오피스, 사장님 페이지 전체 완성
- TypeScript 도입바카라 런타임 에러 70% 감소
- 컴포넌트 재사용률 60% 이상 달성

비즈니스 임팩트
- 모바일 반응형 웹 구현바카라 모바일 사용자 경험 대폭 개선
- SEO 최적화로 자연 유입 트래픽 증가
- 관리자 도구 개선바카라 운영 효율성 향상

기술 스택 현대화
- 레거시 PHP → 모던 웹 스택 (Next.js/Nest.js) 완전 전환
- 마케팅 인프라 구축바카라 데이터 기반 의사결정 가능
- 무중단 배포 시스템바카라 안정적인 서비스 운영

팀 성장
- 주니어 개발자들의 실무 역량 향상
- 코드 리뷰 문화 정착 및 코드 품질 개선