1. 데모 영상

![(https://ifh.cc/g/p0k9dY.jpg)]

👉 영상 보러가기

2. 프로젝트 소개

• 마이라얼트립 사이트 클론 프로젝트
• '국내 숙소' 카테고리를 한정으로 구현하였습니다.
• 배경으로 video태그를 사용하여 동영상 효과를 구현하였습니다.
• querystring을 이용해 필터링기능을 구현하였습니다.
• react library를 사용해 컴포넌트 형태로 다양한 기능(모달창, slider, carousel, calendar, rate 등)을 구현하였습니다.
• 카카오 API를 통한 소셜로그인 기능을 구현하였습니다.

1) 프로젝트 선정이유

• 세세한 기능이 많은 사이트이다.
• 다양한 UI, 기능, 통신 등을 구현할 수 있어 성장에 도움이 될 것이라고 판단했다.

2) 개발 인원 및 기간

• 개발기간 : 2022/07/04 ~ 2022/07/15

• 개발 인원

  • 프론트엔드(4명) : 김인태, 정현준, 조예지 , 장류광
  • 백엔드(2명) : 박민하, 정진관

• 담당파트

  • 김인태 : 로그인 회원가입 / 장바구니
  • 정현준 : 상세페이지
  • 조예지 : 검색 리스트 페이지
  • 장류광 : Nav / footer / Main 페이지

• 백엔드 github 링크

3. 적용 기술 및 구현 기능

적용 기술

• Front-End : HTML, Styled-component, Javascript , React , React Router, Slider, Carousel, antd, axios, Rangepicker, calender, dropdown

구현 기능

-각자 기능 구현

Reference

• 이 프로젝트는 마이리얼트립 사이트를 참조하여 학습 목적으로 만들었습니다.
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.