maskup(마스크업)

공적 마스크 api를 이용한 주변 마스크 판매 정보 제공 맵
Link: https://www.mask-up.me

마스크 API 제공 중지로 현재 서비스 중지 상태

• Express
• pug Template
• VanilaJS
• Scss
• Kakao Map API

ToDO

• 기본 셋팅 및 라우트 셋팅 및 기본 UI 틀 작성 ✅
• Kakao Map API 등록 및 연동 ✅
• 마스크 api 연동 및 데이터 활용 표시 작업 ✅
• 녹색(100개 이상) / 노랑색(30 ~ 99개) / 빨강색(2 ~ 29개) / 회색(0 ~ 1개) / 하얀색(판매중지) 표시 ✅
• map overlay 커스터마이징 및 클릭시 정보 표시 ✅
• 현재 요일 표시 ✅
• Toggle버튼 이용 제고 있는 곳만 표시 ✅
• modal활용 공지사항 알림 ✅
• loading 표시 ✅

데이터 출처

심평원‧정보화진흥원(공공데이터 포털)‧정보화진흥원(공공데이터포털)

마스크 재고 현황은 4단계 구간 정보로 제공, 혼돈을 방지하기 위해 단계별 색상은 요청 색상으로 지정

• 100개 이상 : 충분 * 녹색

• 100개 미만(99개~30개) : 보통 * 노랑색

• 30개 미만(29개~2개) : 부족 * 빨강색

• 1개~0개 : 없음 또는 판매전 : * 회색

• 판매 중지: * 하얀색