cmod.ify

TROUBLESHOOTING LOG WattUp 프론트엔드 개발기 고민했던 것들, 막혔던 것들, 그리고 해결한 것들Map Marker 📍 Troubleshooting 01 개별 충전소 마커 — offset 불일치 문제 🔴 문제 원래는 마커를 원 두 개(외곽 원 + 내부 원)로 구성했는데, 네이버 맵 위에 렌더링하면 두 원의 중심이 맞지 않았다. offset 값을 아무리 조정해도 줌 레벨마다 어긋났다. 🟡 원인 원 두 개를 독립된 DOM 요소로 쌓는 구조라 각각의 기준점(anchor)이 달라서 생긴 문제였다. 줌 레벨이 바뀔 때마다 픽셀 단위 계산이 틀어지니 고정값으로는 해결이 안 됐다. ..

⚡ PROJECT WATTUPWattUp공공데이터 기반 전기차 충전소 확인 및 예약 플랫폼React FastAPI Kafka Kubernetes Debezium PostgreSQL MongoDBIntroduction이 플랫폼은 무엇인가요?전기차 보급이 빠르게 늘어나고 있지만, 충전소 정보는 여전히 파편화되어 있습니다. WattUp은 공공데이터 API를 활용해 실시간으로 전국 충전소 현황을 지도 위에 보여주고, 원하는 충전소를 바로 예약할 수 있는 서비스입니다.핵심 기능지역구 선택 시 지도가 해당 좌표로 이동하며 충전소를 클러스터링으로 표시zoom 단계에 따라 충전소 개수 또는 충전기 개수를 마커 숫자로 표시충전소 마커 클릭 시 우측 모달에서 충전기 정보, 이미지, 예약 가능 시간 확인예약자 번호 입력 후..