airbnb 사이트

airbnb 사이트를 클론해보며 동작 UI를 직접 만들고 , 숙소를 예약할 때 필요한 날짜,요금,인원등의 상태를 관리한 웹 서비스 입니다.

[React, ContextAPI를 활용한 상태관리, SpringBoot, MySQL]

📌프로젝트 구현

📌프로젝트 정보

프로젝트 진행 과정 블로그 정리

🔗 airdnd -1부
🔗 airdnd -2부
🔗 airdnd -3부

문제 해결과 개선 과정

주제	링크	내용요약
문제&해결	🔗고민과제들	문제상황들과 그 해결 과정을 위한 시도
개선	🔗개선사항	좋은 코드를 위한 리팩토링 과정
회고	🔗프로젝트회고	프로젝트 회고와 배운점
협업	🔗협업 과정	커뮤니케이션과 협업의 기록

관련 링크

🔗 팀 notion

🔗 팀 convention

🔗 FE API 요구사항

팀 구성

FE	BE
Jenny	Dong
Tami

📌파일 구조

🔗 component 다이어그램

파일구조 이미지

Home, Atoms, utils로 크게 나누어져 있으며 Atoms에는 공통적으로 사용되는 Modal이 , Home에는 공통요소를 제외한 Home화면에서 필요한 component로 구성되어 있다.

✨ 우리팀의 자랑할 점

1) Web Consoloe 창의 모들 에러는 해결!

2) 사용자를 위한 로딩중... 구현!

3) 활동기록을 매일매일 기록!

4) 성능개선을 위한 최적화 고민

📌 기술 요구 사항

함수형 프로그래밍을 활용한 데이터

• ContextAPI를 활용한 상태관리
• 동적 UI를 직접 구현하기
• 최적화 관련한 다양한 훅 메서드 활용하기