3주차_1(연습 겸 복습)

오늘 배울 것 이야기 - 3주차: Python, 크롤링, mongoDB

오늘은 드디어 '파이썬'을 배울거예요. 먼저 문법을 연습하고, 라이브러리를 활용하여 네이버 영화목록을 쫙 가져와보겠습니다. (기대되죠!) + 그리고, 우리의 인생 첫 데이터베이스. mongoDB를 다뤄볼게요!

연습 겸 복습 - 나홀로메모장에 OpenAPI 붙여보기

[코드스니펫] 나홀로메모장 API(GET)

http://spartacodingclub.shop/post

[코드스니펫] 나홀로메모장 구경하기

네 그렇습니다!

나홀로메모장에 들어가는 아티클들의 정보를 불러오는 OpenAPI입니다.

이 API를 써서 저장된 포스팅 불러오기를 만들어볼게요!

(나중에 이 API를 실제로 만들어 볼 예정!)

포스팅가져오기API 붙이기

우선, 로드가 다 되면 실행되는 함수를 하나 만듭니다

 구글링해보기: javascript 로딩 후 실행

로딩 후 바로실행

$(document).ready(function(){

listing(); });

function listing() {

console.log('화면 로딩 후 잘 실행되었습니다');

}

API 결과값을 다시한번 확인하기

$(document).ready(function(){

   listing(); });

 

function listing() {

   $.ajax({

      type: "GET",

      url: "http://spartacodingclub.shop/post",

      data: {}, success: function(response){

          console.log(response)

          }

     })

}

response['result'] 에 정상 여부가 있고, response['articles']에 리스트로 아티클들이 들어가 있습니다.

기사데이터를 log에 찍어봅시다!

$.ajax({

    type: "GET",

    url: "http://spartacodingclub.shop/post",

    data: {},

    success: function(response){

         console.log(response['articles'])

    }

})

articles를 돌면서, 하나씩 출력해봅니다.

$.ajax({

type: "GET", url: "http://spartacodingclub.shop/post",

data: {},

success: function(response){

let articles = response['articles'];

for (let i = 0; i < articles.length; i++) {

let article = articles[i];

console.log(article);

}

}

})

article 내용(comment, desc, image, title, url)으로 HTML을 만들어 붙여줍니다.

$.ajax({

type: "GET",

url: "http://spartacodingclub.shop/post",

data: {},

success: function (response) {

let articles = response['articles'];

for (let i = 0; i < articles.length; i++) {

let article = articles[i];

let image = article["image"];

let url = article["url"];

let title = article["title"];

let desc = article["desc"]; let comment = article["comment"]; let temp_html = `

${title}

${desc}

${comment}

`; $('#cards-box').append(temp_html); } } })

먼저 있던 카드들을 지워줍니다.

$(document).ready(function () {

$('#cards-box').empty();

listing();

});

1~7단계 통해 완성된 전체 script 코드