sparta → projects → movie 폴더에서 시작! 문제 분석 - 완성작부터 보기! movie : "스파르타 피디아" 관련 코드를 작성하자! 프로젝트 준비 - flask 폴더 구조 만들기! 루트 static, templates 폴더 + app.py, templates 폴더에 index.html 파일 만들기! 패키지 설치하기 5개 : flask, pymongo, dnspython, bs4, requests 조각 기능 구현해보기 프로젝트 준비 - URL에서 페이지 정보 가져오기 (meta태그 스크래핑) 이렇게, API에서 수행해야 하는 작업 중 익숙하지 않은 것들은, 따로 python 파일을 만들어 실행해보고, 잘 되면 코드를 붙여 넣는 방식으로 하는 게 편하다. 어떤 부분에 스크래핑이 필요한지 ..

기존에 만들었던 index.html 파일에 OpenAPI(GET방식)를 붙여보자! 더보기 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 미세먼지 코드를 지우고 새롭게 만들어 보자! 우선, 로드가 다 되면 실행되는 함수(구글링 해보기: javascript 로..

서울시 OpenAPI(실시간 따릉이 현황)을 이용하기 따릉이 OpenAPI: http://spartacodingclub.shop/sparta_api/seoulbike jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. 망원역 2번출구 앞 16 0 104. 합정역 1번출구 앞 16 0 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 ..

Ajax는 jQuery를 임포트 한 페이지에서만 동작 가능하다. 즉, http://google.com/ 과 같은 화면에서 개발자 도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET 방식으로 이 URL에 요청해서 response를 찍어주겠다는 뜻! $.ajax({ type: "GET", url: "..