4주 만에 완성한 프리미엄 온라인 차량 판매 플랫폼 AuraEdition 개발 전략
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
- 대상자: 웹 개발 초보자 및 중급자, 실무 프로젝트 경험을 쌓고자 하는 개발자
- 난이도: 중간 (PHP, MySQL, JavaScript 기초 지식 필요)
핵심 요약
- 프로젝트 목표: 고급 차량 판매 시스템 구축을 통해 전체 스택 개발 프로세스(프론트엔드, 백엔드, 데이터베이스) 이해
- 기술 스택:
PHP,MySQL,JavaScript,Tailwind CSS사용, 프레임워크 없이 순수 프로시저적 개발 - 핵심 기능:
- 사용자: 차량 검색, 장바구니/위시리스트, 결제 시스템, 사용자 프로필 관리
- 관리자: Chart.js 기반 실시간 분석 대시보드, 차량 정보 관리, 주문 상태 추적
섹션별 세부 요약
1. 프로젝트 개요 및 목표
- 프리미엄 차량 플랫폼 AuraEdition의 개발 목적: 고가 제품의 UX 설계, 복잡한 주문 흐름 구현
- 기능 요구사항:
- 사용자: 차량 필터링, 결제 및 인보이스 자동 생성
- 관리자: 차량 상품 관리, 실시간 주문 추적, 사용자 권한 관리
- 선택 이유: 고난이도 개발 환경(이미지 중심, 고가 상품)으로 실무 기술 습득 가능
2. 4주 개발 단계
####1차 주간: 기획 및 디자인
- Figma를 사용한 UI 설계: 홈페이지, 차량 상세 페이지, 관리자 대시보드
- 데이터베이스 설계: 사용자, 차량, 주문, 브랜드/모델 관계 정의
- 작업 관리: Notion Kanban 보드로 실제 제품 개발 주기 시뮬레이션
####2차 주간: 프론트엔드 구현
- Tailwind CSS 전환: 부트스트랩 대체, 반응형 디자인 구현
- 핵심 기능:
- 검색 기능, 카테고리 필터, 페이지네이션
- 재사용 가능한 컴포넌트(차량 카드, 네비게이션) 개발
####3차 주간: 백엔드 및 사용자 인증
- 세션 기반 인증 시스템:
- bcrypt 암호화, AJAX 기반 로그인/회원가입
- 주문 흐름 구현: 장바구니 → 주문 완료, 주소 관리, PHPMailer 자동 인보이스 발송
- 데이터베이스 설계:
orders및order_items테이블 구축
####4차 주간: 관리자 기능 및 최종 조정
- 관리자 대시보드:
- Chart.js 통합, 실시간 분석 대시보드
- 차량 CRUD 인터페이스, 주문 상태 변경 기능
- UI/UX 최적화: 부트스트랩 의존성 제거, 전체 경험 완성
3. 개발 과정에서의 주요 도전
- 보안 강화: CSRF 방지, SQL 주입 방지(
prepared statements), 세션 관리 - 이미지 처리: 다중 이미지 업로드, 유효성 검증, 파일 업로드 보안
- 디자인/데이터베이스 균형: 정규화와 성능 최적화 사이의 균형 유지
- 프레임워크 없이 개발: 코드 패턴 설계, 모듈화 구현
4. 프로젝트 결과 및 학습
- 실무 경험 확보:
- 프론트엔드, 백엔드, 데이터베이스의 통합 시스템 이해
- 반복적 개발(디자인 → 구현 → 테스트)의 효과 확인
- 기술 습득:
- Tailwind CSS 사용, AJAX 통신, Chart.js 시각화
- 오류 디버깅(외래 키 제약 조건, 세션 관리, AJAX 문제)
결론
- 핵심 팁:
- 프레임워크 없이 개발하여 기초 원리 체계화
- 반복적 개발과 실제 사용자 경험 설계를 통해 실무 역량 향상
- 프로젝트는 GitHub에 공개(README, 설치 가이드, 디자인 파일)되어 다른 개발자 학습에 도움
- 추진 계획: MERN 스택으로 재구현, Websocket 기반 실시간 채팅 앱 개발을 통한 기술 확장