잠못자 서울 프로젝트 Front-end 소개

• 숙박 업소 예약 사이트 마이리얼트립 클론 프로젝트
• 짧은 프로젝트 기간동안 개발에 집중해야 하므로 디자인/기획 부분만 클론했습니다.
• 개발은 초기 세팅부터 전부 직접 구현했으며, 아래 데모 영상에서 보이는 부분은 모두 백앤드와 연결하여 실제 사용할 수 있는 서비스 수준으로 개발한 것입니다.

개발 인원 및 기간

• 개발기간 : 2022/5/9 ~ 2022/5/20
• 개발 인원 : 프론트엔드 4명, 백엔드 2명
  • 프론트엔드: 김귀아, 김현수, 서성용, 전형준
  • 백엔드: 백승연, 최민석
• 백엔드 github 링크

프로젝트 선정이유

• 이 사이트는 date-picker, carousel, 지도 api, 소셜 로그인 등 다양한 기능을 적용해 개발을 진행할 수 있으므로 선정하였습니다.

적용 기술 및 구현 기능

유튜브 링크

적용 기술

Front-End

Back-End

Common

구현 기능

• Main

  

• Nav

  

  • dropdown

    

• Item List

  

  • kakao map API

    

• Detail

  

  • Calendar

    

  • Review

    

  • Scroll

    

• Kakao Social Login

  

• Reservation

  

• My page

  

Reference

이 프로젝트는 마이리얼트립 사이트를 참조하여 학습목적으로 만들었습니다. 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다. 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.