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

Sdílet
Vložit
  • čas přidán 17. 07. 2024
  • 개발자 포트폴리오에 빠져선 안되는 프로젝트 중 하나인 api 프로젝트는 어떻게 하는지 api는 어디서 가져오는지 한번 살펴봅시다!
    00:00 api란?
    02:25 api웹사이트 추천
    04:41 api문서 살펴보기
    07:27 프로젝트 시작
    공공데이터포털 바로가기
    👉 data.go.kr
    * 본 영상은 행정안전부와 한국지능정보사회진흥원으로부터 제작비를 지원 받아 제작한 영상입니다.
    구글맵 그리는 함수코드
    👉hackmd.io/@oW_dDxdsRoSpl0M64T...
    코딩알려주는 누나 강의 듣는곳
    codingnoona.thinkific.com/
    뇌를 살찌우러 올래?
    누나 인스타 뭐야? 1008_shine
    #api란, #포트폴리오프로젝트 #개발자포트폴리오, #프론트엔드

Komentáře • 93

  • @user-yu8so2ck1z
    @user-yu8so2ck1z  Před rokem +27

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

    • @sgpark5579
      @sgpark5579 Před rokem +1

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

  • @andrewchung925
    @andrewchung925 Před rokem +1

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

  • @bobkim1002
    @bobkim1002 Před rokem

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

  • @user-zu3ny6nl8y
    @user-zu3ny6nl8y Před rokem

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

  • @user-lr6os7ht1y
    @user-lr6os7ht1y Před rokem +2

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

  • @mymy0718
    @mymy0718 Před rokem

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

  • @user-im7ds6fu6e
    @user-im7ds6fu6e Před rokem

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

  • @protectiveput3369
    @protectiveput3369 Před rokem

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

  • @mathijs5199
    @mathijs5199 Před rokem +2

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

  • @bona4313
    @bona4313 Před rokem +5

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

  • @hoanglinhnguyen208
    @hoanglinhnguyen208 Před rokem

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

  • @ksntv957
    @ksntv957 Před 11 měsíci

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

  • @jsjsnnjssk9923
    @jsjsnnjssk9923 Před 11 měsíci

    좋은 영상 감사합니다 ♥

  • @odd6441
    @odd6441 Před rokem +4

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

  • @user-vy5tf3vw7e
    @user-vy5tf3vw7e Před rokem

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

  • @user-ir5df3yo2z
    @user-ir5df3yo2z Před rokem +6

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

    • @user-yu8so2ck1z
      @user-yu8so2ck1z  Před rokem +6

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

  • @niceman9882
    @niceman9882 Před rokem

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

  • @deano4906
    @deano4906 Před rokem

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

  • @user-su3cw2wi1g
    @user-su3cw2wi1g Před rokem

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

  • @user-wg9eh7nb6c
    @user-wg9eh7nb6c Před rokem

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

  • @faketrue6283
    @faketrue6283 Před rokem

    감사합니다 😀

  • @sanzo213
    @sanzo213 Před rokem +1

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

  • @sekulim527
    @sekulim527 Před rokem +5

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

  • @user-rh8rl5qb9x
    @user-rh8rl5qb9x Před rokem

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

  • @dreamlee3120
    @dreamlee3120 Před rokem

    엄청 잘보고가요

  • @jungsublee3524
    @jungsublee3524 Před 2 měsíci

    최고네요

  • @pro_2500
    @pro_2500 Před rokem

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

  • @informatics_T
    @informatics_T Před rokem

    누나 고마워요

  • @Dizzy-vu5ju
    @Dizzy-vu5ju Před rokem +1

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

    • @ffmaself
      @ffmaself Před rokem

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

    • @Dizzy-vu5ju
      @Dizzy-vu5ju Před rokem

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

  • @jimmyyang5611
    @jimmyyang5611 Před 11 měsíci +1

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

  • @user-iq3xs7wb3o
    @user-iq3xs7wb3o Před rokem

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

  • @tij5759
    @tij5759 Před rokem

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

  • @hydropascal
    @hydropascal Před rokem

    코알누 너무 귀여워~

  • @mingminoo
    @mingminoo Před rokem

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

  • @angrykorean3323
    @angrykorean3323 Před rokem

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

  • @Minggoooo
    @Minggoooo Před rokem

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

  • @KienNguyen-ku1jt
    @KienNguyen-ku1jt Před rokem +2

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

  • @jongogyoon2096
    @jongogyoon2096 Před rokem

    코딩 배우고 싶습니다~

  • @brianlee1344
    @brianlee1344 Před rokem +1

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

  • @spongeb2798
    @spongeb2798 Před rokem +1

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

  • @user-yk4uo4nt9l
    @user-yk4uo4nt9l Před rokem

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

  • @user-nk4su7vm1t
    @user-nk4su7vm1t Před rokem

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

  • @user-xd2ph2er4r
    @user-xd2ph2er4r Před rokem

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

  • @user-gh5bl2mj2g
    @user-gh5bl2mj2g Před rokem +1

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

    • @kgvfffggrvgff
      @kgvfffggrvgff Před rokem

      우선 저도 잘 몰라서요.
      서비스 환경이면 API 라고 할 수 있지 않을까요?
      그냥 한 개의 서버에서 동작하고 있다면, 굳이 서비스 방식으로 돌리지 않고 다이렉트 연결을 할 가능성이 크기 때문에 아니지 않을까요?
      다만, 그렇게 구성된 시스템에 접근 하는 사람은 API를 사용한다고 볼 수 있을것 같습니다.
      (물론 정보를 제공하는 형태에 따라서 다르겠지만요. 서비스 방식으로 상호 프로토콜이 정해져 있는가? 아니면 그냥 토팔 처럼 접속해서 완료된 서비스의
      결과를 파싱까지 되어서 받느냐의 차이가 아닐런지..)
      나머지는 진짜 전문가가 말씀 주실거라고 믿습니다.
      근데 왜 서버 하나에 몰아 넣으셨어요? 비지니스 로직에 가까운 부분은 분리 운영하는게 낫지 않을까요?
      그리고 저정도 개발이 가능하신 분이면, API인지 아닌지 스스로 구분할 수 있을 정도 수준은 훨씬 넘을것 같은뎅...

    • @shinex_car
      @shinex_car Před rokem

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

    • @kgvfffggrvgff
      @kgvfffggrvgff Před rokem

      잘 읽어 보시면 저는 꼭 물리적으로 다른곳에 있어야만 API라고 말한적이 없는데..

  • @k-ottogi
    @k-ottogi Před rokem

    짜짠~ ㅎ

  • @_Raphael_Developer
    @_Raphael_Developer Před rokem

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

  • @user-tq6fg7wy5x
    @user-tq6fg7wy5x Před rokem +3

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

    • @user-rd1rn4di9u
      @user-rd1rn4di9u Před 9 měsíci

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

  • @myherostudio8479
    @myherostudio8479 Před rokem +3

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

    • @user-rd1rn4di9u
      @user-rd1rn4di9u Před 9 měsíci

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

  • @sskccho
    @sskccho Před rokem

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

    • @sskccho
      @sskccho Před rokem +1

      화면보고 만들어 보았습니다. 잘되네요. ^^ 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)
      );
      }
      }

  • @user-vc5eo9ir9d
    @user-vc5eo9ir9d Před 3 měsíci

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

  • @splackna
    @splackna Před rokem

    자 그러면 이제 IPA 는 뭘까요? 맥주 말고

  • @user-vx1eq8ij5k
    @user-vx1eq8ij5k Před rokem

    이것은 자바인가요? 파이썬인가요?

  • @user-ym8uz7br6s
    @user-ym8uz7br6s Před rokem

    고맙다 선생 실력없는 신입인데 내가 요즘 답답했던 부분들이 뚫렸다 고맙다!!

    • @user-yu8so2ck1z
      @user-yu8so2ck1z  Před rokem +2

      나도 댓글 너무 고맙다!

    • @kgvfffggrvgff
      @kgvfffggrvgff Před rokem +1

      뭐지 이 근본 없는 반말은? 부탄 이런 외국에서 왔음?

  • @user-lr5vr7wo4s
    @user-lr5vr7wo4s Před rokem

    IPA? 맥주 종류인가요?

  • @user-kx3dw2no2f
    @user-kx3dw2no2f Před rokem +1

    웹페이지에 편향된 참 잘못된 API 정의

  • @AbundanceMind1
    @AbundanceMind1 Před rokem +1

    CORS 이슈 난감하네요...

  • @emptyboy85
    @emptyboy85 Před rokem

    코딩알려2ㅜ는눈나어디갔어

  • @user-fb4si3nw8r
    @user-fb4si3nw8r Před rokem

    완성된 코드 링크는 어디있는건지요? 찾지를 못했습니다.-->공유 감사드립니다.

  • @patkakrota
    @patkakrota Před rokem

    Что я тут забыл?

  • @user-ps5qe2tq4b
    @user-ps5qe2tq4b Před rokem

    누나 김완선 느낌 난다 ㅋ

  • @dachshund_jow
    @dachshund_jow Před rokem

    눈나 요즘 눈이 더 커졋네

  • @informatics_T
    @informatics_T Před rokem

    함수지 머

  • @k_jint.2705
    @k_jint.2705 Před rokem +1

    웃는모습에서 5초 박신혜가 보여요

  • @shawnlee3104
    @shawnlee3104 Před rokem

    손톱 이쁘다♡♡

  • @fuck_you-chinese
    @fuck_you-chinese Před rokem

    Api = 아작스 🤯🤯🤯

  • @chubrar
    @chubrar Před rokem

    세미나 좀 합시다 ~

  • @wooniga
    @wooniga Před rokem

    결혼 하셨나요?

  • @gwisekor
    @gwisekor Před rokem

    생각보다 예쁘...아닙니다

  • @user-ot6be2qh8v
    @user-ot6be2qh8v Před rokem

    그냥 dto같은거.