File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1- # 성남 아이포인트 사용처 찾기
1+ # 성남 아이포인트 서비스
22
33<img width =" 3264 " height =" 1312 " alt =" 성남 아이포인트 사용처 찾기 " src =" https://github.com/user-attachments/assets/5dbfdec0-0529-47ee-949d-177cddb24562 " />
44
1212
1313## 왜 만들었나요?
1414
15- 성남시는 아동수당을 지역화폐 포인트로 지급하고 있습니다. 하지만 기존에는 가맹점을 찾으려면:
16-
17- - 공공데이터 엑셀 파일을 다운로드해서 직접 검색하거나
18- - 포털에서 일일이 가맹점명을 검색해야 했습니다
19-
20- ** 이 서비스를 사용하면:**
21-
22- - 지도에서 내 주변 가맹점을 한눈에 확인할 수 있습니다
23- - 음식점, 마트, 병원 등 카테고리별로 필터링할 수 있습니다
24- - 가맹점 이름이나 동네 이름으로 바로 검색할 수 있습니다
25- - 현재 위치 기반으로 가까운 가맹점을 찾을 수 있습니다
15+ <img width =" 2048 " height =" 2048 " alt =" Image " src =" https://github.com/user-attachments/assets/b44fa6b5-662f-4f29-8c4e-eeda2f21713f " />
2616
2717## 주요 기능
2818
Original file line number Diff line number Diff line change 1- # 성남 아이포인트 사용처 찾기
1+ # 성남 아이포인트 서비스
22
33<img width =" 3264 " height =" 1312 " alt =" 성남 아이포인트 사용처 찾기 " src =" https://github.com/user-attachments/assets/5dbfdec0-0529-47ee-949d-177cddb24562 " />
44
1212
1313## 왜 만들었나요?
1414
15- 성남시는 아동수당을 지역화폐 포인트로 지급하고 있습니다. 하지만 기존에는 가맹점을 찾으려면:
16-
17- - 공공데이터 엑셀 파일을 다운로드해서 직접 검색하거나
18- - 포털에서 일일이 가맹점명을 검색해야 했습니다
19-
20- ** 이 서비스를 사용하면:**
21-
22- - 지도에서 내 주변 가맹점을 한눈에 확인할 수 있습니다
23- - 음식점, 마트, 병원 등 카테고리별로 필터링할 수 있습니다
24- - 가맹점 이름이나 동네 이름으로 바로 검색할 수 있습니다
25- - 현재 위치 기반으로 가까운 가맹점을 찾을 수 있습니다
15+ <img width =" 2048 " height =" 2048 " alt =" Image " src =" https://github.com/user-attachments/assets/b44fa6b5-662f-4f29-8c4e-eeda2f21713f " />
2616
2717## 주요 기능
2818
Original file line number Diff line number Diff line change 17291729}
17301730
17311731.info-modal-links {
1732+ display : flex;
1733+ flex-direction : column;
1734+ align-items : center;
1735+ gap : 8px ;
17321736 margin-top : 12px ;
1733- text-align : center;
17341737}
17351738
17361739.info-modal-links a {
17441747 text-decoration : underline;
17451748}
17461749
1747- .info-modal-divider {
1748- margin : 0 8px ;
1749- color : # ccc ;
1750- }
1751-
1752- .info-modal-github {
1750+ .info-modal-github-link {
17531751 display : inline-flex;
17541752 align-items : center;
1755- gap : 6px ;
1756- margin-top : 16px ;
1757- padding : 8px 16px ;
1758- background : # 24292e ;
1759- color : # fff ;
1760- border-radius : 6px ;
1761- font-size : 0.85rem ;
1762- font-weight : 500 ;
1763- text-decoration : none;
1764- transition : background 0.2s ;
1765- }
1766-
1767- .info-modal-github : hover {
1768- background : # 1a1e22 ;
1753+ gap : 4px ;
17691754}
17701755
1771- .info-modal-github svg {
1756+ .info-modal-github-link svg {
17721757 flex-shrink : 0 ;
17731758}
17741759
Original file line number Diff line number Diff line change @@ -64,23 +64,21 @@ export function InfoModal({ forceOpen = false, onClose }) {
6464 >
6565 데이터 출처 (공공데이터포털)
6666 </ a >
67- < span className = "info-modal-divider" > ·</ span >
6867 < a href = "mailto:rlawjdxo1212@naver.com" >
6968 개발자에게 문의하기
7069 </ a >
70+ < a
71+ href = "https://github.com/Origogi/snv"
72+ target = "_blank"
73+ rel = "noopener noreferrer"
74+ className = "info-modal-github-link"
75+ >
76+ < svg viewBox = "0 0 24 24" width = "14" height = "14" fill = "currentColor" >
77+ < path d = "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
78+ </ svg >
79+ GitHub
80+ </ a >
7181 </ div >
72-
73- < a
74- href = "https://github.com/Origogi/snv"
75- target = "_blank"
76- rel = "noopener noreferrer"
77- className = "info-modal-github"
78- >
79- < svg viewBox = "0 0 24 24" width = "20" height = "20" fill = "currentColor" >
80- < path d = "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
81- </ svg >
82- GitHub
83- </ a >
8482 </ div >
8583
8684 { /* 푸터 */ }
You can’t perform that action at this time.
0 commit comments