<aside> 💡 지도 API와 공공 데이터 API를 활용해 보고 싶어서 시작한 프로젝트입니다.

사용자의 현재 위치를 기반으로 주변 공공화장실을 지도 위에 표시하고,

위치 정보, 운영 시간, 남녀 구분, 장애인 화장실 여부 등 다양한 정보를 함께 제공합니다.

</aside>

⭐ 주요기능

• 현재 위치 기준으로 근처 화장실 표시
• 위치 검색 시 검색위치 기준으로 주변 화장실 표시
• 지도 마커 클릭 시 상세 정보 확인 (운영시간, 남녀/장애인 구분 등)

GIT

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" width="40px" /> [프론트] 깃허브 레포지토리 ↗️

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" width="40px" /> [백엔드] 깃허브 레포지토리 ↗️

</aside>

PAGES

<aside> 🫂 멤버

</aside>

<aside> 🍉

프론트

</aside>

<aside> 📂 문서

</aside>

<aside> 🍔

백엔드

</aside>

🚀 Front

🚀 Back

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" width="40px" /> React.js

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> TypeScript

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" width="40px" /> Tailwind CSS

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/3d851fa7-8bc0-444a-8eef-95626e23f297/pngwing.com_(2).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/3d851fa7-8bc0-444a-8eef-95626e23f297/pngwing.com_(2).png" width="40px" /> React Router Dom

</aside>

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHLN0RrPTmNUSMhl6MTeX0p_uIIj6Qzoxok9gjmzjELFRCeJaN34K8nOSaG56rrrw-evQ&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHLN0RrPTmNUSMhl6MTeX0p_uIIj6Qzoxok9gjmzjELFRCeJaN34K8nOSaG56rrrw-evQ&usqp=CAU" width="40px" /> Redux

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/0579513f-8bff-4034-8d2b-3f7209197aaa/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>