🎁 모듈설치 - 먼저 express에서 데이터를 받아오기 위해 request 모듈을 설치한다. - 이후 xml데이터를 json타입으로 변환하기 위해 xml-js 모듈을 설치한다. 💡 실전 !! - 먼저 공공데이터포털에서 제공해주는 샘플코드를 이용하여 코드를 작성해준다. - 테스트할 해당 페이지의 라우터파일에 코드를 작성한다. - 라우팅을 해줄 server.js와 데이터를 요청할 리액트 파일또한 수정해준다. - 결과를 확인하면 문서에 명시되어있는데로 xml데이터타입으로 들어온다. - 우리는 JSON타입의 데이터를 원하기 때문에 변환을 위한 xml-js모듈을 사용해야한다. - xml-js모듈을 사용하기 위해 라우터 파일의 내용을 수정한다. - 수정 후 확인을 하면 JSON타입으로 정상적으로 변환이 되었다.
💼 사전준비 - 국내의 공공데이터포털에서 API를 사용하기 위해서는 API키를 요청해야한다. 공공데이터포털 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr - 국내 코로나 현황에 관한 데이터를 사용하기위해 '코로나 현황' 을 검색한다. - 원하는 데이터를 클릭하여 들어가면 해당 API에 관한 내용들이 있으며 활용신청을 해야한다. - 로그인 후 활용신청을 누르면 간단한 신청서(?)를 작성하면 API키가 발급된다. - 승인은 바로 되나 발급 받은 키를 사용하려면 1~2시간 뒤에 사용이 가능하다. - 받은 인증키를 사용하여..
- Total
- Today
- Yesterday
- vue3
- vue입문
- nodejs
- HTML
- vue예제
- JavaScript
- react
- INPUT
- 노드JS
- cssom
- 프론트엔드회고
- node.js
- 개발자회고
- vue
- 오물오물
- 생활코딩
- 프론트엔드
- CORS
- inline
- CSS
- postman
- 공공데이터
- 리액트
- 공공데이터포털
- 프론트엔드면접
- baegofda
- function
- axios
- VanillaJS
- font-family
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |