✈🛫AirBnB✈🛬

세계 최대의 숙박 공유 서비스 AirBnB를 모티브로한 프로젝트를 진행했다. 팀 구성은 프론트엔드 4명, 백엔드 3명이었다.

• 개발 기간
  2022년 08월 29일 ~ 2022년 09월 08일 (11일)
• 개발 인원
  FE : 김진혁, 이빛나, 임승민, 정원호
  BE : 박근우, 이상우, 이석원
• 협업 툴 : Notion, Slack, Trello, github

👀 구현 영상 👀

누르면 이동함

👏 구현 사항 👏

✋ 내가 한거
👍 아닌거

• 로그인 및 공통 컴포넌트
  👍 Kakao Social Login
  👍 Nav Filter

• Main Page
  👍 Footer 아코디언
  👍 Main Page Slick 라이브러리를 사용한 캐러셀

• Host Page
  ✋ JWT 토큰 정보 활용 User 정보 PETCH 호스트 등록
  ✋ 숙소 편의 시설 정보 등록
  ✋ Naver Map API 활용 숙소 위치 검색 및 마커 표시
  ✋ React-Day-Picker 활용
  ✋ FormData 활용 다중 이미지 업로드

• Detail Page
  👍 동적 라우팅으로 Detail 페이지 구현
  👍 React-Day-Picker 라이브러리 활용 숙소 예약기능 구현
  👍 Naver Map API 활용 숙소 위치 마커 표시
  👍 호스트 정보 아코디언

👆 주요 구현 과정 👆

WeNB Host 서비스 Flow

구현 중 PR 작성을 위해 만들었는데...정리가 안돼있다..색을 제외하고 보면 될 것 같다.

WeNB Host Page

기존 에어비앤비 Host Page 디자인을 모티브로 하여, WeNB Host Page를 만들었습니다.

기존 AirBnB Host Page

다중 이미지 업로드

🤝 최종 회고 🤝

좋았던 점

• 팀 워크
  "팀워크란 이런 것 이구나" 할 정도로 팀원들이 척척 너무 잘 해줬다고 생각한다. 내가 맡은 구현 사항에 집중하는라 팀원들의 구현 사항에대해 신경을 못 써서 미안했는데, 이 생각이 민망할 만큼..다들 뚝딱뚝딱 척척...ㅎㅎ 그래서 온전히 내가 맡은 부분만 신경 쓸 수 있었다. 그렇다고 블로커가 없었던건 아니었다. 서로 온전히 맡은바에 신경쓰더라도 서로의 블로커를 해결하는걸 우선으로 했기 때문에 다음 스탭을 이어 나갈 수 있었다고 생각한다.

• Git Flow
  이 전과 비교했을 때 Git Flow 방식이 조금 익숙해진 것 같다. 물론 rebase 내꺼.. 해버려서 commit log 더럽힐뻔한 실수가 있었지만, 이런 안일한 실수를 실무가 아닌 지금 할 수 있어서 다행이라고 생각한다. 이 실수 덕분에 문제가 되는 상황을 재대로 알게 되었고, 앞으로는 git flow 방식이 무서운게 아니게 되었다.

아쉬운 점

• 자신감이 자만으로

1차 때와는 다른 처음보는 에러, 처음 경험한 블로커 에 대한 대비가 전혀 되질 않았다. 1차 때와 같은 블로커와 에러가 나올 거라 생각했던 자만 이었다고 생각한다.
1차 프로젝트의 실수들이 2차때는 자신감으로 다가왔다. 왜냐하면 이제 아니까 실수 하지 않을거란 확신이 있었기 때문이다. 그래서 2차 때 맡은 역할이 많다는 걸 알았지만, 더욱이 자신감이 있었기에 부지런히 해결해 나가.......질 못했다.

• 프로젝트 볼륨
  "시간이 부족했다" 라기보단 제한된 시간안에 프로젝트의 크기 설정을 잘 못 했다는 생각이 들었다. 시간은 언제나 제한되어 있고, 그 시간안에 내가 할 수 있는게 무엇인지 그리고 팀이 할 수 있는건 무엇인지 디테일하게 생각하지 못한게 아쉽다. 지금의 나의 단계에서 이를 완벽하게 설정하는게 당연하게 어렵겠지만 그래도 노력해보려한다.