카테고리 없음

오픈 API 활용!

공부혜이드 2023. 3. 11. 11:07

오픈 API

팀플에서 오픈 API 오픈 API 하는데 모른다고 하기도 민망할만큼 기본적인 용어같아서 

그거 몰라요 .. 못하고 여기저기 찾아봤다 . . ㅋㅋㅋㅋ API는 원래 대충 아는데 API는 소통창구(인터페이스)고,,

오픈 API는 보통 오픈을 앞에 붙이면 소스를 공개 해준다는거니까 ..

API소스를 공개해준다는건가  ?

 

검색해두 상점  . 손님 사이의 메뉴판이라는 비유적인 말뿐 .. 

 

역시 뭔가를 알려면 직접 써보는 수밖에 없는 것같아서 일단 사용해보기 !! 

혹시 나같은 상황이라면 백문이불여일견이고 몇 번 보는것보다는 직접 경험하는게 짜세(!) 니까 

함 해보셔 !

 

 

https://www.youtube.com/watch?v=QPEUU89AOg8 

 

 

조코딩님 유튜브를 참고하여 ,  API를 대략적으로 배웠다 . 

 

API? 

프론트엔드에서 (HTML ) 오픈 API를 이용해서 백엔드 서버를 뒤져주세요 !!( request) 

하는거 아하 !! 서버 뒤지는거를 대신 해주는 아이구나 .. 

 

복잡한 서버를 뒤지지 않아도 ,  프론트엔드 수준에서 처리 가능하겠네 .

 

참고

더보기
request response
 GET/POST
주소창에 모든 정보를 담아 정보 전달


 JSON( 객체형식 . 키 - 값 쌍으로 표현)
XML

 

AJAX / JQUERY이용 !! 

**참고로 vscode 자동완성 꼬옥 쓰기 ... 

 

+ ctrl+a => ctrl+k+f 를 이용한 코드 정렬도 .. 

아니 그냥 담에 vscode사용법을 다시 포스팅하는게 좋을듯 

 

https://ssimplay.tistory.com/424

 

[vs code] 비주얼 스튜디오 코드 html 자동완성 해보자

html 기본 구조를 자동완성으로 불러와보겠습니다. 1. 새 index.html 파일 여기 아무것도 안 쓴 index.html 파일이 있습니다. 이제 본격적으로 코딩을 시작해 볼까 하는데 초보자라면 아직은 어색한 기

ssimplay.tistory.com

 

 

그리고 첨엔 자동완성이 안되서 , 또 완전 구글링했는데

단순히 내가 확장자명을 html 으로 안해서 일어나는 문제였다 !! 

확장자명을 html 으로 해야 자동완성 사용 가능 

 

 

 
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>api연습</title>
</head>

<body>
    <h1>혜윤이의사이트</h1>

        integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
    <script>
        $.ajax({
            method: "GET",
            data: { query:"이효리"},
            headers :{Authorization: "KakaoAK fb4f2a5abe11cdcde7d718efc2a44dc1 "
        }}
        )
            .done(function (msg) {
                alert("Data Saved: " + msg);
            }); </script>
</body>

</html>

 

이렇게 했다 . 일단 jquery /ajax 를 복붙하고 

 

카카오 오픈 api (rest api from 카카오디벨로퍼스) 이용해서 코드 완성했다 

 

 

 

 

그러나 .. 역시나 오류 ㅜ 내 코딩인생은 한번도 순탄한적이 없었다 for real

이거 유튭이 2019년 영상이라서  어차피 조코딩님 코드 복붙해도 의미가 없을거같았다 

 

https://alvine.tistory.com/246

 

 

node.js object object 오류 해결 방법

요즘 firebase로 커뮤니티 포럼을 개발하고 있다. 여러차례 개발하는 것이 실력향상에 도움이 될것이라 생각된다. 많은 오류가 발생하였고 그 중 좀 오래 걸려 해결한 문제들을 짧게나마 정리하려

alvine.tistory.com

뭔가 데이터를 잘못 넘긴것같다 ㅠ ㅠ쉼표 타입으로 이어서 넘겨야하는데 

데이터 표현 방식이 약속된대로 넘기지 않아서 오류가 난 것 같은데 

모르겠다 아윽. .. 

 

근데 진짜 .. 영어 필수인듯 .필수 필수 stackoverflow에 사람들 검색해보고 이러는데 영어에서 버퍼링이 걸려버리니 ,,, 

산업적 전문성을 갖출려면 academic한 영어 필수인듯 

여튼 실패했지만 , 내 목적은 이 영상으로 오픈 API 를 이해는 어느정도 된 것 같기도 해서 일단 .

내 진짜 목적인 공공 부동산 데이터 오픈 API 이용하기로 넘어가기로 한다.    

 

 

공공데이터 API를 이용해보았다 !! 

방법은 요거 참고 .. 

https://bigdata-doctrine.tistory.com/16

http://data.go.kr

 

공공데이터 포털

국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase

www.data.go.kr

 

https://www.youtube.com/watch?v=31EX6TLao5g 

 

오픈 API: 서버에 그때그떄 요청을해서 받아와서 활용 가능 .. 

그니까 . .제공해주는 프로그램에서 위치  / 가격등을 규격에 맞게 입력하면 , 

원하는 정보를 뿅 제공해줌!