1. OpenAPI 붙이는 연습 다시

기존에 만들어놓은 스파르타피디아 (영화 Post card 남기는 페이지)에 API 붙이기

• 페이지가 새로고침 될 때 마다 보여야 하니까 아래 함수처럼 ready 사용 및 listing() 함수 작성

    <script>
        $(document).ready(function () {
            listing();
        });

• listing() 함수는 영화 카드를 붙여 넣는 거임. 생각해보자.
  -> 영화 카드에 붙일만한 API Data가 있으면 ajax로 가져오면 된다.

 $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/web/api/movie",
                data: {},
                success: function (response) {
                   let rows = response['movies']
                    for (let i = 0; i < rows.length; i++){
                        let title = rows[i]['title']
                        let comment = rows[i]['comment']
                        let desc = rows[i]['desc']
                        let image = rows[i]['image']
                        let star = rows[i]['star']
                        let star_image = '*'.repeat(star)

• Data를 for문으로 가져왔으면 이제 Card에 붙이기만 하면 된다. Card 부분에 각 영역에 해당하는 값을 변수로 붙여준다.

let temp_html = `<div class="col">
                   <div class="card">
                     <img src=${image} class="card-img-top" alt="...">  
                      <div class="card-body">
                         <h5 class="card-title">${title}</h5>
                              <p class="card-text">${desc}</p>
                                 <p>${star_image}</p>
                                     <p class="mycomment">${comment}</p>
                      </div>
                   </div>
                 </div>`
$('#cards-box').append(temp_html)

• 그럼 아래 그림처럼 영화 Card 가 쫙 붙는다

2. Python 기초

(개인적인 생각인데 항해99 본격적으로 들어가면 선택할 수 있는 주특기가 React, NodeJS, 그리고 Spring인데 왜 웹종합 강의에선 Python을 가르쳐 주는지 이해가 잘 되진 않는다)

• 변수, 자료형, 함수, 조건문, 반복문

(위 내용은 프로그래머스 Level1만 다 풀어도 익힐 수 있을 듯)

3. Python Request 사용

• pycharm에서 좌측에 file > Setting 클릭

• Project: pythonprac > Python Interpreter 클릭 후 + 버튼 클릭

• 검색창에 Requests 입력 후 Install Package 설치 클릭

• 설치 후 아래와 같이 코드 입력

import requests # requests 라이브러리 설치 필요

r = requests.get('원하는 api url 입력')
rjson = r.json()

그럼 이제 Ajax를 통해서 가져온 것과 같이 Data를 가져올 수 있다.
(참고로 rjson 값의 type은 dict임)