0부터 직접 만드는 Airbnb 클론 팀프로젝트

초기 세팅은 1차 프로젝트와 동일하기 때문에 생략했다.이번 Airbnb 클론 코딩에서 내가 맡게 된 기능은 숙소 리스트를 보여주는 부분이다이번에 구현해야 할 기능은 크게 지도에서 센터 값을 기준으로 숙소 리스트를 보여줘야 한다. 단, 프로젝트 범위는 서울 지역 이내로

오늘 4.22 일 00:20분에 성공한 리스트에 있는 숙소 좌표값을 지도에 직접 마커로 표시한 기능 여기서 에어비엔비는 마커가 34,000처럼 나오기 때문에 이거 때문에 많이 좀 힘들었다.처음 시도했던 라이브러리로 간단하게 사용할 수 있다는 장점이 있었지만 마커 부분을

.gif) > 오늘 구현한 기능은 숙소 리스트에서 해당 숙소에 마우스 hover를 하면 해당 숙소가 지도 마커 부분에 표시되도록 했다. 어떻게 했나? 최상단 컴포넌트에서 Hover한 숙소 id값을 알 수 있도록 state값을 선언했다.

지도의 하이라이트! 마커 표시 클릭시 해당 숙소 정보가 미니 모달창으로 뜨게 만들었다! 👍🏻google-map-react 라이브러리가 마커 부분 커스터마이징하기가 수월해서 정말 다행이라고 느꼈다.감사합니다 라이브러리 제작해주신 개발자님 😍해당 숙소 마커를 클릭하면

1차 프로젝트인 마켓컬리에 이어 2차 프로젝트는 에어비엔비를 하게되었다. 이번에 프로젝트를 함께 한 팀원들백엔드김세형님, 박국현님프론트윤찬호(나), 권유진님, 김미현님, 김상연님1차 마켓컬리 프로젝트 팀원인 세형님과 유진님이 다시 같은팀이 되었다 😁1차때는 뭔가 "이