반응형
공공데이터포털 활용 프로젝트 - 지역 맛집 리스트 웹페이지 만들기
1. 공공데이터 포털 접속
https://www.data.go.kr/
공공데이터 포털
국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase
www.data.go.kr
2. 소상공인시장진흥공단_상가(상권)정보 CSV 다운로드
3. CSV 전처리
전처리는 본인이 원하는 지역, 도로명, 사업자등록 기준 등 본인의 기준대로 전처리를 할 수 있다. 이 포스트의 예시에서는 분류가 음식이고 특정 도로명을 기준으로 전처리했다.
4. HTML, CSS, JavaScript 코드 작성
- Dynamic Filter Search Table
- Sort Table
- Checkbox Filter Table
기능을 추가했다.
https://codepen.io/carl_was_here/pen/QoGRBp
Table w/ Search Filter, Checkbox Filter, Alphabetical Sorting and Clickable Rows
...
codepen.io
5. Netlify 접속 & Hosting
6. 호스팅된 웹페이지 확인
오목교역 식당 다 모았다
우리 점심 똑똑하게 먹자
omokgyo.netlify.app
반응형
'공부 > Front-End' 카테고리의 다른 글
| 무료 부트스트랩 템플릿 다운로드하는 방법 (0) | 2021.03.14 |
|---|---|
| GitHub Pages 호스팅하기 (0) | 2021.03.14 |
| Responsive Website Development and Design Specialization (0) | 2021.01.10 |
| [JavaScript #02] Functions (0) | 2020.12.13 |
| [JavaScript #01] Object (0) | 2020.12.13 |
댓글