airbnb-clone/
에어비앤비를 REST API 부터 다시 만들어보는 클론코딩.
$ git remote -v
fig. 01 — 메인 화면 (이미지 일부는 CloudFlare 비용 이슈로 서버 중지 상태)
- 역할 개발 · 설계 (100%)
- 기간 2024.06.03 — 2024.06.21 (약 3주)
- 스택 React · Django · Chakra UI
- 타입 학습 · 클론코딩
- 상태 주요 기능 구현 완료
§ 00 TL;DR
REST API 설계와 React + Django 분리 구조를 본격적으로 익히기 위한 클론코딩 프로젝트입니다. 에어비앤비의 핵심 흐름 — 방 목록 · 상세 · 리뷰 · 회원가입 — 을 모두 직접 구현했습니다.
프론트엔드는 React + Chakra UI, 백엔드는 Django + DRF. 인증, 사진 업로드, 평점 등 "진짜 서비스라면 필요한" 기능을 빠짐없이 다뤄보는 게 목표였습니다.
§ 02 해결
// 4개월 동안 만든 것
§ 03 주요 결정
// $ git log --format='%h %s' --pretty | head
- /01 added
REST API 설계 우선
API 스키마를 먼저 그리고 그 위에 React 클라이언트를 얹는 순서로 진행. 프론트엔드 의존성을 백엔드 모양에 끼워맞추지 않도록.
- /02 added
전체 CRUD + 인증 흐름
방 목록 / 방 상세 / 리뷰 작성 / 회원가입 / 로그인 / 사진 업로드 등 실서비스에 필요한 기본 기능을 모두 구현.