❗절대 정석의 방법이 아닐 수도 있읍니다...
이전 게시글에서 BASE_URL의 주소를 https://jsonplaceholder.typicode.com/ 로 부여해놨다.
나는 이 부분을 이용해서 api.data.go.kr에서 제공하는 오픈API를 사용할 것이다.
1. www.data.go.kr에서 활용신청하기
회원가입은 필수!
난 테스트할 겸 신청한 거라 순서만 적어보겠긔
전국이 많아 보여서 전국 들어감
고르깅
내가 골랐던 건 이거!
좀 내려가면 OPEN API라고 있음 여기서 활용신청 눌러주깅
(캡처하다가 본 건데 오픈 API가 있는 게 있고 없는 게 있는데 없는 거는 그냥 활용신청 없이 쓸 수 있는 거인 듯?)
대충 찌끄리고 신청하고 하룻밤 자면 Zzz 승인되어있음
마이페이지 -> API신청
접속쓰
그럼 대충 이렇게 나옴.
End Point + Encoding 또는 Decoding을 하면 JSON이 뿅!! 하고 열릴 거임.
"오픈 API 활용신청"한 페이지에서 참고자료를 보면 어떤 식으로 쓰는지~? 첨부해놓는 데도 있던데 우선 내 거는 없어서 열심히 구글 서치했긔
우선 참고한 블로그는
개발공작소랑 fgprjs.log임! 감사합니다~
이제 링크를 만들어(?) 보자!!
나는 이전 게시글에서 만들어놓은 BASE_URL에 End Point을 넣고
queryParams에는 Encoding을 넣었다.
나머지 queryParams는 참고한 블로그에 있는대로 했다.
조합한 링크를 콘솔출력하고 접속해 보면~
듀듀듀바바바(잘 나온다는 뜻)
활용신청한 페이지에 이런 식으로 샘플코드가 나와있는 걸 보면 될 것 같음! 나는 vue라서 좀 다른... 것 같기도... 해서 그냥 구글서치함.
이제 App.vue에 출력해보면~
듀듀듀바바바
(출력하는 건 전 글에 있긔)
