スパルタクラブ-ネット総合クラス:2,3週目

🔸Ajax練習2

猫APIを使ってマナ猫の新しい猫のピクチャーをクリックして

を表示します
練習

JQueryとAjaxの組み合わせ!!

$(document).ready(function () {
        q1();
      });  // <= 새로고침마다 q1함수띄우기
 function q1() {
        $.ajax({
          type: "GET",
          url: "",
          data: {},
          success: function (response) {
            let cat = response[0]['url'];
            $("#img-cat").attr("src", cat);            
        })
      }

2週間の宿題

第1週作業作成のウェブショッピングサイトに為替レート計算機

をインストールする.

AjaxJとQueryを組み合わせて

を作成

<script>
$(document).ready(function () {
            get_rate()
        });
function get_rate() {
           $.ajax({
                type: "GET",
                url: "",
                data: {},
                success: function (response) {
                    let now_rate = [response][0]['rate']
                    $('#n_rate').text(now_rate)
                }
            })
        }
</script>
//바디부분 중에 환율들어갈 부분은 아래쪽에 span
<p class = "ex_rate">
        달러-원 환율: <span id="n_rate">1150.5</span>
</p>

🔸Ajax復習

openAPIをメモ帳

に貼り付ける

$(document).ready(function () {
      $('#cards-box').empty()
      listing();
 });
function listing() {
      $.ajax({
           type: "GET",
           url: "",
           data: {},
           success: function (response) {
               let rows = response['articles'];
               for (let i =0; i < rows.length; i++) {
                   let comment = rows[i]['comment']
                   let desc = rows[i]['desc']
                   let image = rows[i]['image']
                   let title = rows[i]['title']
                   let url = rows[i]['url']
                   let temp_html = `<div class="card">
                                        <img class="card-img-top"
                                            src="${image}"
                                            alt="Card image cap">
                                         <div class="card-body">
                                            <a href="${url}" class="card-title">${title}</a>
                                            <p class="card-text">${desc}</p>
                                            <p class="card-text comment">${comment}</p>
                                         </div>
                                     </div>`
                   $('#cards-box').append(temp_html)
                    }
                }
            })
        }
// class="card"부분은 부트스트랩 가져와서 복붙하고 내용만 바꿈

🔸Pythonの基礎文法
📌 Pythonは行ごとに内容を区別しています!!

変数、基本演算

JavaScriptとあまり差がないようですが...

資料型

リストとディック郡は

差が少ない

関数

def関数名(変数):

条件文

if age > 20 : ~~~

else : ~~~

複文

リストの要素を1つずつ出して書きます.

🌱 Pythonの基本文法はJavaScriptとよく似ています.もっと簡単で直感的になったようです.列を間違えた.タブキーで直接修正できるので不思議です