API를 모른다면 개발공부 덜한거임 | 웹개발자 포트폴리오 프로젝트 추천

API를 모른다면 개발공부 덜한거임 | 웹개발자 포트폴리오 프로젝트 추천 | 무료 API추천

Рет қаралды 96,314

Күн бұрын

Пікірлер: 95

@코딩알려주는누나 2 жыл бұрын

개발자 포트폴리오에 빠져선 안되는 프로젝트 중 하나인 api 프로젝트는 어떻게 하는지 api는 어디서 가져오는지 한번 살펴봅시다! 00:00 api란? 02:25 api웹사이트 추천 04:41 api문서 살펴보기 07:27 프로젝트 시작 공공데이터포털 바로가기 👉 data.go.kr * 본 영상은 행정안전부와 한국지능정보사회진흥원으로부터 제작비를 지원 받아 제작한 영상입니다. 코딩알려주는 누나 강의 듣는곳 codingnoona.thinkific.com/

@sgpark5579 2 жыл бұрын

음 ~~ 얼굴이 가수 김완선 판박이 ~ 시네요 ^^

@sekulim527 2 жыл бұрын

국가 공공 데이터 포털을 소개시켜준건 좋은 아이디어네요. 다만 초보자한테 알려주려면 갈켜주는김에 제대로 알려줍시다. api는 제약사항이없습니다. 만약 login api면 내가 name에 "A"인 사람만 가입하게 가능해요. 아니면 어떠한 return값을 설정할수있습니다. 이런식으로요 . 내가 직접 api 서버를 구현해볼수도 있습니다. 그럼 두번째 task 다음 task 하면서 header, body 또는 네트워크 보안에대한 api 서버운영 감각이 저절로 생길거에요

@jimmyyang5611 Жыл бұрын

전 코딩은 유티니로 게임을 만들거나 오토데스크 마야로 아티스트들을 위한 툴을 짤 때만 하는 편인데.. API는 프로그램을 만들 때 데이터를 그 프로그램의 개발자 외에 다른 사람들(혹은 다른 프로그램에서)도 쓸 수 있도록 필요한 기능이나 필요한 수치를 마치 키보드의 자판을 보듯이 딱딱 정리해둔 것 이라고 생각합니다. 이를테면 Maya Python API는 파이썬 사용자들이 마야에서 애니메이션 키 프레임이나 셰이딩 노드 혹은 UI를 다룰 수 있도록 필요한 기능을 정리해서 제공하고 있죠. 웬만한 이름 있는 프로그램이라면 요새는 다 API를 제공하고 있는 듯 합니다. 유니티, 언리얼, 포토샵, 마야, 블렌더 등등

@sanzo213 2 жыл бұрын

저의 경우 API 사용을 브이라이브의 실시간 채팅 기록을 크롤링 하는 과정에서 알게 됐습니다. 파이썬 문법은 알았지만 크롤링은 1도 모르다보니 뷰티플수프나 셀레니움 모듈 이런거 몰랐었거든요. 처음엔 어찌저찌해서 실시간 채팅 기록을 크롤링하는데 성공했어요. 근데 나중에 알고보니 API가 있었고 api로 불러온 실시간 채팅기록에 더 자세한 것들이 있더라구요. 그리고 채팅 기록을 api로 갖고오면 뭔가 더 깔끔할거 같았구요. 그래서 f12 누르고 네트워크 들어가서 해당 api주소 찾고 뭐하고 그러다가 api호출하는 방식으로 브이라이브 채팅기록을 갖고 오는데 성공했습니다ㅠㅠ 파이썬문법은 알았으나 크롤링 1도 몰랐는데 아이돌 덕질로 알게돼서 되게 값진 경험이었습니다

@스응-x9b 2 жыл бұрын

학원에서 몇시간 들었던거보다 더 쏙쏙 잘들어오네요!!

@코딩알려주는누나 2 жыл бұрын

학원에서 한번 들어서 더 들어오는거일수도있다!

@ksntv957 Жыл бұрын

이쁜누나 유익한 영상 감사합니다~~

@mathijs5199 2 жыл бұрын

오랜만입니다. 잘 보고 가요~ 👍🏻

@andrewchung925 2 жыл бұрын

이해하기 쉽게 설명해주시니 너무 좋네요😄

@mymy0718 Жыл бұрын

와 이거 영상 진짜 도움 되었어요. 이제부터 구독해서 봐야겠어요.

@bobkim911 2 жыл бұрын

너무나 유익한 컨텐츠를 만들어주는 코알누!!❤❤❤

@jsjsnnjssk9923 Жыл бұрын

좋은 영상 감사합니다 ♥

@deano4906 Жыл бұрын

크으... 어마어마하네요 감사합니다

@bona4313 2 жыл бұрын

이 사이트에서 api사용해서 프로젝트 만들다가 어떻게 사용해야되는지 아무리 봐도 잘 모르겠어서 포기했었는데 강의 보고 다시 해 볼 용기가 생겼어요! 많이 부족한 프로젝트라 이력서에 제출하기도 참 그랬는데 보충해서 더 나은 프로젝트로 발전시키겠습니다! 감사합니다😆

@코딩알려주는누나 2 жыл бұрын

발전 가즈아!

@장형욱-i6k Жыл бұрын

콘솔창 열어보니 Uncaught (in promise) SyntaxError: Unexpected token '

@DragonHunlee Жыл бұрын

저도 똑같은 에러가 뜨네요... 어떻게 해결하셨나요?

@타몽-v1k 2 жыл бұрын

이렇게 쉽게 알려주시다니.. 너무 감사해요.

@김형섭-r4j Жыл бұрын

누나 덕분에 잘 배웠어용~;)

@윤민상-l7y 2 жыл бұрын

야무진 강의 따봉누르고 갑니다~

@권태V Жыл бұрын

미모에 쉽게 알려주시는 능력까지... ^.^

@jungsublee3524 7 ай бұрын

최고네요

@brianlee1344 Жыл бұрын

Open with Live Server실행한 뒤 Live reload enabled까지 실행되고 data Object가 안나오는 것은 왜 그런거죠? 어디서 잘못된 것일까요?

@tij5759 2 жыл бұрын

0:38 발음에서 야근 탄력받음 래머들이여 일어나라 아직 잘려면 멀었다!

@myherostudio8479 Жыл бұрын

에러가 뜨는데 원인을 모르겠어용ㅠㅠ 누나랑 똑같이 쳤는데. Uncaught (in promise) SyntaxError: Unexpected token '

@DragonHunlee Жыл бұрын

저도 이렇게 뜨는데 어떻게 해결 하셨나요?

@odd6441 2 жыл бұрын

이해하기 너무 쉬운 강의 좋아요🤓

@dreamlee3120 Жыл бұрын

엄청 잘보고가요

@서울촌년-l6x 2 жыл бұрын

누나님은 아니지만 너무 설명을 잘해주셔서 구독 누르고 갑니당~

@자감-m1z 2 жыл бұрын

백엔드 입문자로써 좋은... 강의가 됬습니다 감사합니다ㅠㅠㅠ

@KienNguyen-ku1jt 2 жыл бұрын

훌륭한 훌륭한 비디오. 다른 가족과 공유해도 됩니까? 우리는 가족 기념일에 그것을 볼 것입니다

@hoanglinhnguyen208 2 жыл бұрын

너무 유용합니다!! 늘 감사합니다 선생님!! ♥♥♥♥♥♥♥

@코딩알려주는누나 2 жыл бұрын

감사합니다 !

@niceman9882 2 жыл бұрын

누나 강의가 젤 이해가 잘돼요!!

@코딩알려주는누나 2 жыл бұрын

하... 2022최고의 칭찬 💖

@protectiveput3369 2 жыл бұрын

정말 쉽게 알려주셔서 큰 도움 됐습니다!

@angrykorean3323 2 жыл бұрын

바로 사용할 수 있는 데이터베이스. 모르면 데이터설계 삽입 하고 줒뺑이까거라. 이런 좋은게 있으면 프로토타입만들 때 써야제

@Rest-j9l 2 жыл бұрын

영어 알려주는 이쁜 누나는 흔해도 코딩 알려주는 이쁜 누나는 새롭네 오늘부터 우리 1일... 아 구독 1일...

@코딩알려주는누나 2 жыл бұрын

이제 2일인가?😊

@pro_2500 2 жыл бұрын

이게 요즘 프로그래밍이군요.. c++이랑 c#wpf 다루는데 다른코딩 배울게 산더미네요

@informatics_T 2 жыл бұрын

누나 고마워요

@노량진부동산 2 жыл бұрын

진짜 이누나 설명 존나잘해ㅜ

@코딩알려주는누나 2 жыл бұрын

그니까 ㅠ

@huh7325 15 күн бұрын

엄청나군요

@faketrue6283 2 жыл бұрын

감사합니다 😀

@user-vb3vt2ns7f 3 ай бұрын

누님 덕분에 Api 가져오는거 처음으로 성공했습니다 감사합니다 ㅠ 그런데 자전거 사고 다발 지역 api 사용할땐 아무 문제 없이 데이터가 받아졌는데, 기상청 지상관측 api를 가져오는데 cors에러 라는게 뜨면서 받아지질 않네요.. gpt한테 물어보니 프록시 서버 우회 뭐시기를 해야한다 그러는데 이건 어떻게 해야 하는건가요?

@코딩알려주는누나 3 ай бұрын

그 api는 그냥 쓸 수없다고 보시면 됩니다 ㅠ 그 기상청이 cors를 열어줘야합니다. 아니면 문서에 혹시 이거에대한 언급이 있는지 찾아보세요!

@user-vb3vt2ns7f 3 ай бұрын

@@코딩알려주는누나 아 쓸 수 없는거군요 ㅠ cors 관련 내용 있는지 한번 확인해보겠습니다! 감사합니다!!

@인섭-z6d 2 жыл бұрын

Api가 어떻게 쓰이는지 궁금했는데 직접 사용하는 영상을 보니까 이해가 가네요

@mingminoo Жыл бұрын

키보드소리가 듣기 좋네요. ㅋㅋㅋ

@hydropascal 2 жыл бұрын

코알누 너무 귀여워~

@최선-y7q 2 жыл бұрын

온프로미스 환경에서 WEB/WAS /DB 가 한개의 서버에서 작동하고 있다면 프론트앤드와 백앤드가 같은서버에서 동작하는데 그런경우에도 API라고 할 수 있나요?

@shinex_car 2 жыл бұрын

꼭 물리적으로 다른 서버에 있어야지 만이 API라 할 수 있는 것은 아닙니다. 전혀 무관합니다.

@spongeb2798 2 жыл бұрын

누나 같은 S급 강사한테 배운 학생들이 너무 부럽네여

@코딩알려주는누나 2 жыл бұрын

처음부터 S는 아니였다고 한다 😆

@죽지못해살아가는자 2 жыл бұрын

이런 누나가 알려주면 난 24시간 공부 할 수 있다.

@코딩알려주는누나 2 жыл бұрын

나는 24시간 못가르침 케케😆

@피자-n8v Ай бұрын

api 아무리 들어도 헷갈렸는데 이제 조금 감이 오는 거 같습니다

@yoonseog10jotgga Жыл бұрын

뒤에 크로마키에요? 작업실이에요? 넘 이쁜데

@Dizzy-vu5ju 2 жыл бұрын

역시 이해하기 쉽네요. 라이브러리에 대해서 해주실수 있나요?

@ffmaself 2 жыл бұрын

라이브러리는 도서관이라는 뜻 처럼 전체 또는 부분적으로 유용한 프로그램/Function들을 도서관 처럼 모아 놓은 것이라고 보면 됩니다. 공부하다 막힌면 참고서 보듯이 코딩중 모든걸 다 만들지 않고 유용한 라이브러리중 필요한걸 활용해서 사용하도록 모아 놓은 프로그램/Function 모임집이라고 보시면 됩니다. 참고로 위 영상은 'Web Programming' 관점에서 본 API 설명입니다. 내가 개발하는 컴터/서버에 물리적으로 이미 붙어 있는 별도의 장치(프린터, 센서신호감지장치 등등)와 Interface 해야하는 경우는 해당 포트나 장치에 연결하도록 Library 형태의 API가 제공되는 경우가 압도적으로 더 많습니다. 저 같은 늙다리들은 API하면 Library 형태의 API가 먼저 떠오릅니다. 라이브러리안에 API라 부를 만한 프로그램/Function이 있을 수도 있고 API를 만들기 위해 라이브러리를 사용할 수도 있습니다.

@Dizzy-vu5ju 2 жыл бұрын

@@ffmaself 오 그렇군요. 감사합니다.

@스타크-b4k 7 ай бұрын

지도 회전도 가능한가요??

@정창민-c6c 2 жыл бұрын

공공데이터포털에서 데이터를 가져오는 방식을 "크롤링"이라고 말할 수 있는 걸까요?

@Minggoooo 2 жыл бұрын

언니 싸부님으로 모시겠습니당...💗

@코딩알려주는누나 2 жыл бұрын

오~~~냐~~~

@AbundanceMind1 Жыл бұрын

CORS 이슈 난감하네요...

@sskccho Жыл бұрын

drawMap() 다운 링크 첨부해주신다고 해서 댓글을 모두 읽어봤는데 없네요..ㅜ 알수있을까요?

@sskccho Жыл бұрын

화면보고 만들어 보았습니다. 잘되네요. ^^ API활용 흥미롭고 재미있네요.ㅎ function drwaMap(locations) { // 매개변수의 형태 // locations =[ ["지역이름",위도,경도]], // ["지역이름",위도,경도] // ] //맵을 생성 const map = new google.maps.Map(document.getElementById("map"), { zoom: 13, center: new google.maps.LatLng(locations[0][1], locations[0][2]), mapTypeId: google.maps.MapTypeId.ROADMAP, }); const infowindow = new google.maps.InfoWindow(); // 로케이션별로 마크 생성 for (let i =0; i < locations.length; i++) { const marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map, }); // 마크를 클릭했을때 보여주는 정보 google.maps.event.addListener( marker, "click", (function (marker, i) { return function () { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); }; })(marker, i) ); } }