Map에 마우스 우클릭으로 Marker 표시하기

요구사항

• 공유된 구글 드라이브 링크를 통해 이미지 리소스 다운로드 후 작업
• React / Vue / Angular 등 원하는 프레임워크 사용 가능
• 마우스 드래그를 통해 지도를 원하는 위치로 이동
• 마우스 우클릭 시 해당 좌표에 마커를 생성
• 리셋 버튼 클릭 시 생성한 모든 마커 삭제

설치 및 시작

# install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn start

미리보기

배포 주소 https://herin-dabeeo-fe-test.netlify.app/

• react를 사용했습니다.
• 지도의 끝으로 갔을 시 '더이상 드래그 할 수 없음' 표시가 나타납니다.
• 마커를 추가할 시 LocalStorage에 저장하고, Reset 버튼을 누를 시 모두 삭제합니다.