2024.01.24 TIL

1. 맵 작업 완료
2. 추후 오픈페이지 계획

1. 맵 작업이 완료되었습니다.
   플로팅 버튼을 통해 카테고리 버튼을 구현하였고, 기존의 마커가 나타나지 않는 점도 수정했습니다.

마커가 나타나지 않던 점은 기존 public 폴더에서 이미지를 가져와 쓰는법에 익숙하지 않아
assets 폴더안에 이미지 폴더를 넣어 import 해오는 방식을 썼는데 새로운 방식을 써보니
해결되었습니다.

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

이 기본양식을 토대로

const markerImagePaths: { [key: string]: string } = {
  '반려동물 병원': process.env.PUBLIC_URL + 'HospitalCat.png',
  '반려동물 샵': process.env.PUBLIC_URL + 'ShopCat.png',
  '산책로': process.env.PUBLIC_URL + 'ParkCat.png'
};

로 수정을 하였고,

const handleFloatingButtonClick = () => {
    setShowCategories(!showCategories);
};

```

플로팅 버튼을 넣어 작업을 완료했습니다.

2. 추후 메인페이지 계획

메인 페이지 테마와 색은 정해졌기에, 와이어 프레임을 다시 만들고 코드를 짭니다.

1. 메인 배너 캐러셀
2. 카테고리 카드 호버시 간단한 설명
3. 추가 이미지와 페이지 모토 작성

이 주로 내일 이뤄집니다