✅ 오늘 한 일
레저 용품 판매점 상세 페이지 구현
- 레저용품 판매점은 유저가 대여하려는 물품이 공유장터에 없을 경우 판매점을 검색 할 수 있는 페이지이다.
- 레저용품 판매점은 관리자만 작성 할 수 있도록 했다.
- 물품 공유 페이지와는 다르게 지도, 주소, 전화번호가 추가된다.
- 지도는 카카오 맵 API를 사용해서 구현했다.
- 오류 및 해결
- 오류:작성된 주소를 가져와서 위도, 경도를 찾는 코드를 작성해 위치를 카카오 맵을 이용해서 출력하는 중 오타를 작성하게 되니 이상한 위치에 마커가 찍히게 됐다.
- 해결: 다음 주소 API를 사용해 오타를 작성할 수 없도록 했다.
- 오류: TypeError: Cannot read properties of undefined(reading 'maps')
- 해결: 카카오 API 사이트 도메인을 추가 (로컬환경은 추가했지만 배포환경은 추가하지않음)
- 참고자료
- 카카오 API: https://apis.map.kakao.com/
- 다음 주소 API: https://postcode.map.daum.net/guide
🥲 어려웠던 일
- 카카오 맵 API를 처음 써보는 것은 아니었지만 사소한 실수가 있었다. API를 활용할 수 있도록 배포환경의 주소도 사이트 도메인에 추가를 하지 않았다. 추가해서 해결했다.
📌 해야할 일
- 반응형 구현
- 레저용품 판매점 등록 구현
- 레저용품 판매점 수정 구현
- 백엔드 API와 프론트 연결
'Project > main-project' 카테고리의 다른 글
| main-project 21~23일차 (22.09.28 ~ 30. 판매점 페이지) (0) | 2022.10.23 |
|---|---|
| main-project 18~20일차 (22.09.25 ~ 27. 반응형 구현) (0) | 2022.10.21 |
| main-project 14~16일차 (22.09.21 ~ 23. AWS S3 이미지 업로드) (0) | 2022.09.22 |
| main-project 13일차 (22.09.20. 물품 공유 리스트 페이지 구현) (1) | 2022.09.21 |
| main-project 12일차 (22.09.19. 메인화면 구성) (0) | 2022.09.19 |