공공데이터 포털 GPTs랑 연동하기 | Part 1

요약노트

이 영상은 공공 데이터를 활용하여 기상청의 단기 예보 조회 서비스를 API로 구현하는 방법에 대해 설명합니다. 주로 서버를 구성하고 API를 호출하여 데이터를 가져오는 과정을 다룹니다. 영상은 두 파트로 나뉘어 있으며, 첫 번째 파트에서는 공공 데이터 포털에서 API를 활용 신청하는 방법과 인증 키를 받는 과정을 소개합니다. 시청자는 기상청 단기 예보 조회 서비스의 API를 사용하기 위해 필요한 정보를 준비하고, 요청 URL과 파라미터를 설정하는 방법을 배웁니다. 또한, 서비스 URL을 호출하여 실시간 날씨 정보를 받아오는 방법도 설명됩니다. 두 번째 파트에서는 작성한 코드를 서버에 배포하는 과정을 다루며, GitHub 및 Vercel을 통해 웹사이트를 배포하는 단계도 포함됩니다. 이를 통해 사용자들은 기온과 같은 특정 데이터를 요청하고 응답을 받아 확인할 수 있습니다. 영상의 핵심 메시지는 API 활용 안내를 따라 공공데이터를 쉽게 활용할 수 있다는 것입니다.

스크립트

안녕하세요 tx AI 클럽입니다오늘은 어 정말 오랜만에 API활용해서 gpts 만드는 방법에대해서 알려 드릴 거고요 이거는 사실꽤 오래 전부터 이제 많은 분들께서어 요청을 주신 내용인데 지금이 공공데이터 포털이란 데를 가면은 이제API 여러 가지 활용할 수 있는것들이 이렇게 나와 있어서 걔를활용을 해서 어 먼저 이런 식으로서버에 저희가 배포를 한 다음에이서버를 gpts 연동을 하는 방법에대해서 알려 드릴 예정입니다 그래서오늘은 파트 1이랑 파트 2로 나눠서설명을 드릴 예정이고 지금 파트 1은이렇게 서버를 만들어서 배포하는것까지 그거에 대한 튜토리얼 영상을좀 만들어 보도록 하겠습니다네 그래서이제 시작을 본격적으로 할 건데 어여러 가지 데이터는이 공공 데이터포털에서 확인을 하실 수가 있고요되게 여러 가지 데이터들을 제공을 해주고 있고 뭐 예를 들어서 지금 인기데이터라는 데를 가 보면은 이렇게오픈 API 받아올 수 있는 데가있어요 그래서 얘를 이제 더보기를눌러보시고 오픈 API 건들이 엄청 많이있습니다 그래서이 중에서 어 좀자기가 이제 활용하고자 하는 데이터를어 활용 신청을 먼저 하셔야 돼요그래서 오늘 예시로는 이제 기상청단기 예보 조회 서비스라는 애를 오픈API 이제 호출하는 방법에 대해서좀 알려 드릴 거고 얘를 이제 활용신청을 하기 위해서는이 버튼 활용신청을 누르시면은 됩니다 그래서이거는 이제 로그인도 필요하기 때문에뭐 로그인을 하시면되고네 로그인이 되시면은 똑같이 아까그 사이트로 들어가서이 활용 신청버튼을 누르시면은 됩니다 그래서 이걸누르면은네 이건 이미 제가 신청을 해가지고 어네 이렇게 승인을 할 수가있는데 제가 아직 뭐 활용 신청하지않은 예시로 하나 보여드리자면 예를 들어서 국세청 뭐사업자 등록 정보 뭐 이거에 대해서활용 시청을 하면은이 사이트로들어오고 이거는 이제 뭐 활용 목적을좀 적으셔야 돼요 그래서 이거는아무거나 그냥 선택을 하시면 되고여기다가도 그냥 뭐 웹개발 이런식으로 작성을 해 주시면은 됩니다이런 식으로 그리고 나서 동의 누르고활용 신청 누르면은이 API 이제 어활용할 수 있는 권한을 어 정보에서줄 거예요 그래서 이거를 주면은저희가이 API 를 활용을 하기위해서 필요한 API 키들이 있습니다비밀번호 값들이 있는데 그거를 이제저희한테 줄 건데 예시를 보여드리자면 이런 식으로 얘가 이제신청이 완료가 되고 승인이 완료가되면은 제가 사용할 수 있는 이런인바 일반 인증 키 이런 것들을 줘요그래서 얘가 이제 저희가 여태까지봤던 뭐 세 API 활용을 할 때도비밀번호 키가 필요한데 그거에 대한비밀번호 키를 여기서 이제 받을 수있게끔 하기 위해서이 활용 신청을 하하는 겁니다네 그래서 지금 저희가오늘 해 볼 거는 이제 기상청 단기예보 조회 서비스이고 얘를 이제어떻게 어 활용할 수 있는지를 알기위해서는 먼저 여기 참고 문서라는이런 파일들이 각각 있을 겁니다그래서 얘를 다운을 받으시면이 API사용하기 위해서 어떤 식으로 코드를작성해야 되는지 그리고 어떤 정보들을어 호출해야 되는지 이제 알려주는그런 가이드가 다 여기에 있습니다그래서 오늘 저희가 할 거는 어 어먼저 보여 드리자면 이런 식으로저희가 코드를 짜서 이거를 서버에배포를 하고 얘를 이제 gptsYang 연동을 할 거예요 근데 이제이런 API 호출할 때 어떤 식으로호출해야 되는지 그거에 대한 활용가이드를 여기서 다운을 받을 수가있습니다 그래서 얘를 다운을 받으면은이제 이런 식으로 API 활용가이드라는 파일이 하나 나오게 될거고 여기를 이제 본격적으로 보면은이서비스 URL 어떤 거를 호출해야되는지 그 호출해야 되는 URL 링크가 뭔지 그리고이 서비스 URL호출을 할 때에도 이거는 이제 이전영상들에서 항상 설명을 드린 거지만뭐 예를 들어서 내가 무슨 특정지역에 어 날씨 정보를 받아오고싶으면은 그 지역의 위치나 뭐 시간그리고 이런 것도 필요하잖아요 그래서그런 정보들을이 서비스 URL뒤에다가 파라미터로 붙여서 같이호출을 해야만 내가 예를 들어서 뭐강남구 도곡 이동의 날씨를 받아올 수가 있겠죠 그래서 그거를호출하는 방법에 대해서 여기서 이제설명을 하고 있는 겁니다 일단이부분은 좀 넘어가고 지금 얘가 이제조회할 수 있는 서비스가 좀 여러가지가 있어요 지금 보시면은 기능이네가지 정도가 있는데 얘가 이제 뭘 할수가 있냐면 뭐 초단기 실량 조회아니면 뭐 예보 조회 뭐 단기 예보조회 뭐 예보 버전 조회 이런 것들이있는데 저희가 오늘 그냥 해 볼거는이 초단기 실랑 조회하는 걸 해볼건데 이게 그냥 현재 실시간 어시간에 맞는 날씨가 뭔지 그 온도를알려주는 뭐 강수량이 바람이나 온도이런 거를 알려주는 그런 어 기능들을좀 호출을 해 볼 예정입니다 그래서저희가 지금 이제 볼 거는 가장 첫번째 기능인이 초단기 실량 조회하는거에 대한 상세 기능 명세 정보가이렇게 있어요 그래서이 기능을 이제저희가 호출을 하려면은 일단 가장중요하게 봐야 되는 부분들이이 콜백URL이라는 아이랑 그리고 요청메시지 명세 있니다 그래서이 콜백URL 내가이 기능을 사용을 하고자할 때는이 URL 호출을 하면된다라고 알려주는 부분이고요 이제지금이 백슬래시 뒤에 getultra slrt nst 아는게있잖아요 그래서 이게 어떤 기능을사용하는지에 따라 그 상세 경로를여기다가 알려 주는 겁니다 그래서지금 저희가 하는 거는 초단기 실령조회가이 ultra srt nsct되어 있는 거고 만약에 저희가 그러면다른 예시로 단기 예보 조회 기능을사용을 하고 싶다 그러면은이 백슬래시뒤에 get 트라 이거 말고 getVillage forecast 아는애를 여기다가 적어 주시면은 됩니다지금 저희는 이제 초단기 실랑조회하는 거를 하는 거니까 얘를 이제백슬래시 뒤에 상세 경로로 알려주시면 되고요 그러고 나서 이제 실제요청을 할 때 저희가 같이 보내 줘야되는 정보들이 좀 있습니다 그래서이게 바로 뭐냐면 서비스 키 가바로이 API 저희가 처음에 활용신청을 할 때 발급받은 그 인증 키비밀번호 키예 그래서 이런 식으로얘가 이제 어떻게 생길 거냐면이백슬래시 뒤에 파라미터들을 이렇게이어 붙여서 같이 호출을 하는 그런방식입니다 그 서비스 키는 방금 내인증 키 비밀번호 키인 거고 넘 ofrsn 뭐 한 페이지 결과수 이런거고 페이지 넘버는 페이지 번호데이터 타입은 뭐 xml 받을 건지제이슨 형태로 받을 건지 인데 이거는그냥 자료 형식을 어떤 형식으로 받을거냐 그냥 알려 주는 거고 저희는그냥 디폴트인 xml 형식으로 자유로데이터를 받겠다라고 알려 줄 거고요베이스 데이트가 이제 내가 찾고자하는 그 날씨에 어 일자 날짜를 알려주면 됩니다 그래서 이런 식으로 오늘날짜는 뭐 2024 1028 이니까거기다가 이렇게 적어 주시면 되고요이제 시간을 뭐 내가 몇 시에 날씨데이터를 이제 정 받아오고 싶은지에따라 그것도이 형식으로 적어 주시면은됩니다 그러고 나서 NX NY 아는게어 이제 예보 지점의 X 좌표값 Y좌표값 있데요 지금 어 아까 여기서이집 파일을 다운을 받으시면 이런API 가이드뿐만 아니라 지금 이런엑셀 시트도 하나 첨부를 같이 해줬어요 그래서이 엑셀 시트는 뭐냐면네그 위치에 따른이 X 좌표랑 Y좌표를 알려줍니다 그래서 예를 들어서만약에 내가 뭐 중구 명동에 있는날씨 정보를 받아오고 싶다 그러면이NX 아는 파라미터에 60을 넣어주시면 되고 NY 아는 파라미터에127을 넣어 주시면은 됩니다 그리고이거는 이제 어 저희가 사용하고자하는이 API 따라이 파라미터가 다달라요 그래서 이거는 지금 뭐 기상청정보를 받아올 때는이 파라미터이다예를 들어서 뭐 부동산이 나 아니면은뭐 소상공인 관련된 정보들이이파라미터가 다 다르기 때문에 어떤파라미터가 있는지는 꼭 한번이가이드를 보시면서 좀 먼저 확인을하셔야 됩니다 그래서 저희가 이런파라미터를 토대로 이제 호출을 하면은어 응답 메시지를 이런 식으로 받게되는 거예요 그래서 여기서도 이제응답 메시지에 내가 어떤 것들을 어떤데이터들을 받게 되는지 여기서 이제알려줍니다 그래서 조금 더 예시를이제 좀 밑으로 로 가서 보여드리자면 그래서 방금 제가 이제설명드린 부분이 이렇게 위에서이서비스 베이스 URL이 이거였 그리고그 뒤에 이제 파라미터들을 이런식으로 이어 붙여서 저희가 호출을하는 겁니다 그래서 지금 보시면은서비스 키 인증 키 여기다가 안에넣어 주시면 되고 내가 받고자 하는그 어 한 페이지 결과수 이거를여기다 알려 주는 거고 뭐 페이지넘버랑 그리고 오늘 날짜 그리고 시간그리고 X 좌표랑 Y 좌표 표이파라미터에 대한 정보들을 같이 이렇게이어 붙여서이 웹사이트를 호출한다는개념이고 이걸 이제 호출을 했을 때저희가 받게 되는 예시 정보들은 이런식으로 받게 됩니다 여기서카테고리란이 observed 유라는애를 좀 보시면 되는데이 카테고리란이숫자가 뭘 의미하는지는이 밑으로 쭉내려가시면 좀 확인을 하실 수가있습니다 그래서 예시를 보여 드리자면네 이게 이제코드값을 만들었어요 정부측에서 그래서예를 들어서 만약에 내가 딱 그날의기온만 좀 알고 싶다 그러면 t1h아는 카테고리 안에서 그 OBS밸류를 보시면은 이런 식으로 그거에대한 숫자값을 받게 됩니다 그래서 좀더 좋은 예시로 보여 드리자면 이건이제 제가 호출한 예시 이제 코드예요그래서 지금 2024년 10월 28일오전 6시에 대한 정보를 호출을했는데 얘 제가 이제 지금 보시면은네t1h 아는 카테고리 안에이observer 밸류가 13.8이잖아요 그서 이게 지금 기온을뜻하고 이게 1.8도고 이렇게알려주고 있는 부분입니다 그래서나중에 이제 gpts 이거를 연동을할 때 저희가 프롬프트에 꼭 적어줘야 되는 부분은 아 여기서 t1hn 그 기온을 뜻하는 거니까 그거에대한 뭐 정보만 따로 받아와 줘라고하거나 뭐 이런 식으로 여러 가지카테고리가 다 있는데 얘네가 뭐강수량 뜻하고 바람도 뜻하고 다그래요 그래서 이런게 이제 굳이 필요없으면은 프롬프트에이 정보들은 필요없다라고 말해 주고 T1에 대한카테고리 값만 네가 좀 받아와 줘라고하면은 그날에 기온을 받아올 수 있는겁니다 그래서이 카테고리에 대한 뜻은어 프롬프트에 같이 넣어 주는게좋겠죠 그래서 지금 이제 생각이드는게 아예 그냥이 활용 가이드에대한 PDF 파일 자체를 어 얘가학습시킬 그 자료에 업로드를 그냥같이 해 주면은 얘가이 항목 값들이다 어떤 거를 뜻하는지 이해를 하게되니까 그것도 같이 이제 학습을 시켜주면은 좋을 것 같습니다네 그러면저희는 이제 바로 얘를 이제 코드로만드는 방법에 대해서 설명을 드릴건데요 저희가 이제 해야 되는 건뭐냐면이 요청 메시지를 어 서버에서호출을 할 수 있게끔 저희가 코드를만들어 줄 겁니다네 그래서 이거에대한 코드를 지금 같이 만들 건데요처음부터 같이 만들면 좋을 거같으니까 이거는 일단 제가 이미만들어 놓은 거고 지금 이제여러분께서는 새로운 BS 코드를 열어주시면은 됩니다 그래서 BS 코드에서저희가 코드를 작성을 하고 브랑연동을 해 가지고 그거를 이제 서버에배포를 할겁니다네 그래서 이런 식으로 지금BS 코드가 열리면 저희가 가장 먼저해야 되는게 뭐냐면 위에 새로운터미널을 열어 주시면은 되고 새로운폴더를 만들어서 저희가 좀 필요한것들을 셋업을 먼저 해 줄게요네그래서 터미널을 여시면 되고 처음에이제mkd이라는 거를 할 건데 얘가 이제새로운 폴더를 만들어 주는거고요네 저는 뭐이 폴더 이름을데final이라는 거를 하고 이제이만든 폴더안으로 들어오기 위해서는 CD 그리고데이 파이널이라데 들어오시면 됩니다그럼 여기에 이제 저희가 필요한패키지들이 코드를네 다운을 받아 줘야되기 때문에 맨 처음에 이제 MPM인스라는 거를 하면은 필요한패키지들을 지금 다운을 받아 주고있고네 이게 다 되면은 저희가 또이제 필요한 다른 패키지들이 있어서MPM instal xosrequest 익스프레스라는 애들을다운을 받아 줄게요 그래서 이거는저희가 서버를 어 만들 때 좀 필요한패키지들이 이거를 다운을 받고마지막으로 MPM installsave dev types 로드라는애도 다운을 좀 받아주겠습니다네 그러면 저희가 이제필요한 패키지들을 다 다운을 받았고이제 저희가 방금 만든 파일을 오픈을해 주시면은 돼요 그래서 그걸 하는방법은 여기서 오픈이라는 애를누르시면 되고 저희가 방금 만든 데라final이라는 애를 클릭을 하시면은저희가 이렇게 셋업을 해 준 타일안으로 들어오게 됩니다네 그러면 이제필요한 다운받은 패키지들이 이제여기에 보일 거고 저희가 이제 API호출할 수 있는 그 코드를 만들어줘야 돼서 지금이 전체 파일 어폴더에다가 새로운 폴더를 만드시고API 아는 애를 만들어 줄게요그다시 얘 안에 들어와서 어 새로운파일을 만드시고 얘를 인스 .ts파일을 만들어 주시면은 됩니다 그래서여기다가 이제 저희가 그 서버를호출하는 코드를 만들어 줄 거고저희가 한 가지 더 필요한게 얘를이제 이라는 데에다가 배포를 해 줄거예요 그래서 그 버셀이라는 데에서어 내가 이런 웹사이트를 호출을 했을때 어느 코드를 봐야 되냐 그걸 알려주는 코드도 필요하기 때문에 저희가새로운 지금 파일을만드시고서 제이슨이라는 파일을만들겠습니다 그러고 나서이 코드를여기 안에다가 넣어 줄게요 이제이것도 제 이제 기터브 다 코드 올려드릴테니까 이거는 그냥 바로 복사붙여 넣기 하시면은 됩니다 그래서이게 뭐냐면 어 이제 웹사이트를호출을 했을 때 뭐 예를 들어서 내가이제이 공공 데이터 api 호출을하고 싶다 그러면은 그니까 호출을어떻게 해야 되는지 그 알려 주는코드가 있는 파일을 알려 주는부분입니다 그래서 저희가 방금 API아는 폴더를 만들었잖아요 그래서 얘가호출을 할 때마다이 API 폴더 안에들어가서이 index.ts 있는이코드를 호출을 하겠다라고 알려주는부분입니다 그래서 얘도 이렇게 복붙을하신 다음에 커맨드 S 눌러서 저장을해 주시면은 되고요 이제 여기에 있는코드를 제가 이미 만들어 놓은게있어서 바로 복붙을 해서 좀 먼저설명을 드리겠습니다네 그래서이 코드에대해서 이제 설명을 드릴 건데요 지금위에 보이시는이 익스프레스는 거는저희가 서버를 만들기 위해서 필요한패키지를 처음에 이제 다운을 받아줬잖아요 그래서 그 엑스프레스는 거를지금 호출을 한 거고 내가이엑스프레스 괄로 이렇게 하시면은얘가이 앱이 활성화가 돼 가지고이앱이라는 변수에 활성화를 좀 해 준겁니다 그래서 이런 식으로 앱이란거를 하면은이 활성화된 앱에서 내가get이라는 함수를 좀 사용을할거다이 기능을 사용을 할 거다라고알려주는 부분이에요 지금이 겟이라는건 뭐냐면 저희가 API 호출을 했을때 호출을 하고 나서 받은 정보들을내가 받아 오겠다라고 알려 주는부분입니다 그래서 이게 여기서 이제저희가 상세 경로를 만들어 줄 수가있는 건데요 어 서버를 저희가 만들고나서 뒤에 상세 경로로 백 /weather 아는 애를 들어가면은저희가 이제 본격적으로 아까 API그 활용 가이드 보고서에서 본 그URL 여기서 이렇게 불러와 가지고저희가 필요한 파라미터들 여기서이렇게 셋업을 해 주고 같이 호출을한 다음에 그거에 대한 답변을 이제받아 오면은 그 답변을 여기서 이렇게저장을 해 주고 이거를 사람한테 보여주겠다라고 알려주는 그런 코드입니다그래서 지금 상세 경로로 웨이라는애를 저희가 그냥 어 아무렇게나랜덤하게 그냥 이름을 이렇게 지어 준거예요 그래서 이게 슬weather이라는 웹사이트 경로로들어갈 때마다이 오픈 API 호출이된다라고 이해를 하시면은 됩니다 그럼저희가 이제 필요한 같이 보내 줘야되는 그 파라미터 값들이 있다고했잖아요 그래서 서비스 키랑 뭐 받을어 뭐 페이지 넘버랑 뭐 받을 이제결과값 개수 그리고 시간 날짜 그리고x 좌표 y 좌표에 대한 파라미터를여기다가 지금 넣어 준 겁니다 그래서이게 다른 오픈 API 사용을 하실때에도이 파라미터가 다 다르기 때문에그거에 대한 것들을 먼저 여기서 좀확인을 하시고 이거에 대한항목명들을 여기다가 다 이렇게 지금넣어 주시면은 돼요 지금 서비스키부터 NY 아지 이런 식으로 나열을해서 얘한테 알려 주고 있는 겁니다그래서 저희가 크라는게 이제 리퀘스트요청을 보낼 때 그 파라미터 쿼리들을이런 것들이 있다라고 알려주는 거고요지금이 변수 API URL이라는변수에 저희가 지금 초단기 예보에대한 그 베이스 URL 여기다가 넣어주시면은 됩니다 그래서 이게 바로뭐냐면 방금 API 가이드에서 본콜백 URL 얘를 지금 이렇게여기다가 넣어 준 거예요 그래서만약에 저희가 다른 기능을 사용을하고 싶다 그러면이 부분이 변경되면됩니다 그래서 지금 베이스 URL여기다 이렇게 넣어주고이 물음표를뒤에 다 넣는 이유는 여기 이제 뒤에저희가이 파라미터들이 같이 붙어서호출이 될 거다라고 알려주는 그런부분입니다 그래서 리퀘스트를 저희가이제 보낼 거고 그걸 호출을 요청을하기 위해서 얘를 먼저 셋업을 해주는 거고요 이제 어 variable션라이트파라미터들은이 QS 아는 부분에다가서비스 키부터 n y 좌표까지 이렇게나열을 해 줘서 알려 주면은 됩니다그러면 저희가 실제로 이제 호출을 할때는 이런 식으로 이제 호출이 되는거예요 그래서 이거는 저희가 그냥배포한 서버의 베이스 URL이고 /weer라는 대로 들어간 다음에이물음표 뒤에 이제 파라미터 값들이들어가게 되는 겁니다 그래서 서비스키가 이런 식으로 이렇게 들어가게되고 그리고 number ofrows 대한 파라미터도 이런 식으로있고 고 페이지 넘버 베이스 데이트베이스 타임 그리고 NX n 대한값들이 다 여기서 이렇게 이어 붙여져가지고 호출이 되게끔 하는 겁니다그래서 이렇게 호출이 되면은이 각정보에 대한 각 파라미터에 대한정보를 얘가 저장을 해서이 오픈API 공공 데이터를 호출을 하게되는 겁니다 그래서 호출을 했을 때그거에 대한 답을 이제 여기서 이렇게받게 되는 거예요 그래서 퀘스트를보냈으니까 그거에 대한 답변 을여기서 이런 식으로 받아 줘라고알려주는 부분입니다 그래서 이거는그냥 리스폰스 스타터스 코드가 뭐냐면성공적으로 호출이 돼서 답변을 받아오면은 그 코드 값이 200이라는숫자를 받을 거예요 그래서 이게성공적으로 답변이 되면은 내가 그거에대한 답변을 네가 좀 이렇게 작성을해 줘 보여 줘라고 해 줘서 그게실제로 보여지게 되었을 때 이런식으로 보여지게끔 하는부분입니다 그외에 이제 만약에 얘가성공적인 변을 못 받으면은 이게 어떤에러가 떴고 왜 어떤 사스 코드인지어떤 에러인지 그거를 좀 알려 줘라고하는 부분입니다 그래서 이거에 대한코드는 이런 식으로 그냥 끝내게끝나게 되는 거고요 얘를 이제 실제로테스트를 하기 위해서 저희가이 코드를지금 작성을 해 준 겁니다 그래서이게 뭐냐면 저희가 예시 이렇게테스트 URL 하나 만들어 가지고서비스 키에 제 공공 데이터에서발급받은 그 비밀번호 값을 여기다가넣어 주시면은 되고 여기서 주의하셔야될 부분은뭐냐면이 파라미터 값들이지금이 %이 기호 아시죠이 기호로얘가 지금 구분이 되어 있는 거예요그래서 비밀번호 값을이 % 앞에다가넣어 주시면 되고이 % 뒤에 이제ofs 10 그리고 % 또 있고 다음파라미터 이런 식으로 지금 구분 짓고있는 부분입니다 그래서 지금 테스트를하실 때 걸로 하시면은 이거는 제API 키기 때문에 어 테스트를하시면 안 되고 아까 공공 데이터포털에서발급받은이 일반 인증키 얘를 복사를하셔 가지고 얘를 복사를하시고 지금 서비스 키 뒤에 URL이렇게 넣어 주시면은 됩니다 그래서여기다가 이렇게 넣어 주시면 되고얘를 이제 코드를 한번 실행을 해볼게요이 실행을 하기 위해서는터미널에 들어가신다음에 txts 노드 APIindex.ts 아는 애를 실행을 해보시면은 지금 이렇게 바로 좀테스트해서 그 링크로 갈 수 있는예로 이제 갈 수가 있어요 그래서얘를 커맨드 뭐 아니면 컨트롤누르시고 클릭을하시면은이 웹사이트로 이제 들어오게됩니다 그래서 지금 이런 식으로 어제대로 된 결과값이 보여지면성공적으로 호출이 된 거예요 그래서지금 보면은 2024년 10월 28일오전 6시에 대한 날씨 정보를 호출을어 요청을 했고 그 이거는 이제 그냥그 지역에 대한 x 좌표 y 좌표를여기서 수정을 해 주시면은 됩니다그래서 그 수정을 하는 방법은 아까이엑셀 시트에 있는 뭐 중구 명동에따라서 x 좌표는 60 y 좌표는127 이런 식으로 숫자를 넣어넣어서 테스트를 하시면은 되고요이거에 대한 이제 결과값을 받아 왔을때 저는 그냥 t1h 아는 부분만 좀보겠습니다 t1h 그 해당 시간의 어기온을 알려주는 부분이어서 그래서이거에 대한 값이 1.8도 이다라고알려주는 부분입니다 그래서 이게 여러가지 뭐 카테고리가 있는데 저는 기온정보만 궁금하기 때문에 얘만 이렇게보면은 아 성공적으로 호출이 됐다라고이해를 하시면은 됩니다 그래서 얘가이제 테스트가 다되시면은 그래서 뭐 다른 테스트를 좀계속 해보세요 그래서 뭐 어 테스트는 날짜로 꼭 테스트를 해 보시고그래서 오늘 28일이 그 28일인데뭐 30일에 테스트 하시면은 이거103으로 바꿔 주시고 시간도 뭐바꿔 보시면서 그리고 지역도 바꿔보시면서 테스트를 해 보시는 거를추천드립니다 그래서 얘가 이런 식으로테스트가 다 완료가 되면은 얘를 이제컨트롤 Z 해서 꺼 주시면은되고 참고로 어 계속 테스트를 하실때마다 컨트롤 Z 해서 얘를 꺼주시고 그리고이 터미널은 삭제를 하고새로운 터미널을 추가를 하셔서 테스트하시는 걸 추천드립니다 그래서 한번네번 이제 새로운 테스트 하실 때마다컨트롤 Z 하셔서 이거 실행되고 있는터미널 끄시고 그 터미널도 삭제를하고 새로운 터미널 여신 다음에테스트를 해 보시는 걸 추천드려요그래서 이게 다 되시면은 저희가 이제뭘 해야 되냐면 브에 내가 만든이코드 파일들을 업로드를 해 줄 겁니다그래서 브로 로그인을 하시면은 되고요로그인을하셨으면 저희가 먼저 해야 되는게네기타로 이런 식으로 들어오시면이 왼쪽뭐 사이드바에서 바로 이제 새로운레포를 만들어 줄 수가 있습니다그래서 뉴라 버튼을 클릭을 하시면되고 여기서 포의 이름을 작성을 해주시면은 됩니다 그래서 뭐데final 이런 식으로 하고 어공개로 하셔도 되고 비공개로 하셔도됩니다 저는 공개로 좀 만들겠습니다그러고 나서 초록색 버튼 createrep 누르면이런 식으로 이제 기터브 폴더 저희가업로드할 폴더가 준비가 되고요 어이제 여기서 뭐 해 줘야 되냐면저희가 처음에이라는 거를 활성화를해주겠습니다 그래서 in it이라는애를 어 작성을 하시고 얘가 이제뭐냐면 저희가 만든이 모든 코드들을여기다 이제 업로드를 하기 위해서준비를 해주는 단계입니다 그래서 it처음에 셋업 해주시면 되고 이제점을 하시면은 내가 만든 모든코드들이 이제 업로드될 준비가됐다라는 거를 여기서 이제 확인을하실 수가 있습니다 이런 식으로 얘가지금 다 준비가 됐고 그리고 나서comit 시 m 뭐 firstcomit이라는 그 커밋을 하는메시지를 처음에 이제 작성을 해주시면 돼요 그래서 대이 그 메시지를뜻하고 comit firstcomit이라고 하면은 엔터 키를누르시면 되고 얘가 이제 지금 커밋이된 겁니다 그래서이 코드들이 다 이제업로드가 지금 됐습니다 그 블리브랜치를 하기 전에 저희가 아직 하지않은게 뭐가있냐면이이 브에서 만든 폴더를 연동을해 줘야 돼요 그래서 지금 보시면은Git reme ADorigin이라는 얘가 있는데 얘를복사를 하셔서 터미널에 여기다가이렇게 붙여 넣기를 해 주시고 엔터키를 눌러 주세요 그러면 얘가 방금저희가 커밋한이 파일들을 여기에보내야 겠다라고 이해를 하게 되는겁니다 그래서 여기서 이제 치를누르면은 얘가이 폴더로 코드들을업데이트를 해 줄 겁니다 그래서 한번새로 고침을 해 보면 이런 식으로제대로이 코드들이 여기에 업로드된거를 확인을 하실 수가 있고요 이제그다음으로 해야 되는게 저희가 이런식으로 서버를 배포를 해 줘야 돼요그래서 그 배포를 하기 위해서vers이라는 대로 들어오시면 되고여기서 들어오셨을 때 뭐 로그인을해주 시면은 되고요 깃으로 로그인하시는 거를 추천드립니다 그래서vers이라는 데가 이렇게 웹사이트를배포를 좀 쉽게 해 주는 어 곳이기때문에 저는 항상 얘를 사용을 해서배포를 하고요 여기서 유라는 애를선택을 하시면 되고 프로젝트를 선택을해 주세요 그러면 제 기터브 폴더들이다 지금 연동이 되어 있고 방금저희가 만든 data final이라는폴더가 맨 위에 보이실 겁니다 그래서트 버튼을 누르시면은 를 이제 바로배포를 할 준비를 하실 수가 있습니다그래서 바로 그냥 디플로이 아는 버튼눌러 주시면은 됩니다 그러면 얘가이제 배포를 하기시작하고 얘가 되면은 지금이웹사이트가 보이실 거예요 그래서컨티뉴 버튼누르시고네 여기서이 도메인 Dfinal versal app이란애를 클릭을 해 보시면은 저희가 방금배포한이 웹사이트로 들어올 수가있습니다 지금 겟는 제대로 되고 있는거예요 왜냐면 저희가 지금 테스트를할때이 백슬래시 뒤에웨이라는네 여기로 이제 들어와야만얘가 이거를 테스트를 하게 되는거잖아요 저희가 지금 테스트를 할때이 링크보이실까요이 http 1270.0.1 3000 이거는 어 로컬환경에서 테스트할 때의 도메인 주소인거고 지금 저희는 실제로 저희 서버를만 만들었기 때문에 얘가 이제 베이스서버 URL이 되는 겁니다 그래서저희가 지금이 백슬래시뒤에부터끝까지 복사를하셔서이 백슬래시 뒤에다가 이렇게붙여 넣기를 하시면은 됩니다 그러고나서 엔터를 눌렀을때 이런 식으로 받아온 결과물들이바로 떠야 얘가 이제성공적으로 호출이 되고 서버가 포가된 겁니다 그래서 저희가 그다음 파트2에서 할 거는이 서버 자체를 이제gpts 다가 연동을 해 가지고 내가딱 원하는 뭐 날짜 시간에 맞게끔 그기온을 받아올 수 있는 그런 gpts앱을 만들어 볼 겁니다 그래서 오늘예시로는 그냥 좀 대부분 많은 분들이좀 사용을 할 만한 이런 뭐 기상청단기 예보 조회 서비스를 연동을 해봤는데요 그 외에도 이제 공공데이터에서 제공해 주고 있는 API그이 굉장히 여러 가지가 있기 때문에오늘 제가 알려드린 그 방법과 똑같이코드를 작성을 하셔서 이런 식으로배포를 하시면은 만들 수가 있습니다그래서 주의하셔야 될 점은 항상먼저이 API 활용 가이드를 먼저확인을 해 보시고이 콜백 URL이뭔지 확 확인을 하셔야 되고 그리고내가 같이 호출해야 되는이파라미터들이 뭐가 있는지를 확인을하셔야 되고요 좋은 예시로는 항상이렇게 응답 메시지 예제를 보여드리니까 이걸 토대로 이런 식으로코드를 작성 을 하시면은 됩니다 지금보시면은 API URL 여기에들어가게 됐고이 물음표 꼭 필요하고요그리고 내가 같이 호출해야 되는파라미터 이름들도 여기다 이렇게작성을 하시면은 됩니다 그러고 나서실제로 테스트를 할 때이 API 내비밀번호 키 같이 이렇게 서비스 키에넣어 주시면 되고 그리고 각파라미터에 맞게 테스트할 수 있는 그값들도 여기다가 이렇게 넣어 주시면은돼요 그래서이 파라미터가 각각 뭘의미하는지도 셔야 되고 거기 안에서테스트할 수 있는 이런 예시 숫자들도여기서 웬만해서는 다 이렇게 예시로보여 드리고 있으니까이 예시로테스트해 보시는 거를 추천드립니다근데 이제 2021년 뭐 조회서비스는 얘가 너무 오래 전 거라 잘안 되고 최근 1인가 1일 동안의날씨 정보만 조회를 할 수 있더라고요그래서 항상 테스트 하실 때 현재 어오늘의 날짜를 기준으로 좀 테스트해보시는 거를 추천을 드립니다네 그래서이렇게 오늘은 서버 배포해 보는것까지 좀 같이 해봤고요 파트2에서는 얘를 이제 gpts 연동하는방법에 대해서 알려 드리겠습니다그래서 오늘 영상이 좋으셨다면 구독과좋아요 부탁드리겠습니다

공공데이터 포털 GPTs랑 연동하기 | Part 1

요약노트

추천이유

스크립트