明日勉強キャンプ第一週#基礎授業勉強

18024 ワード

<1復習をする>


1. HTML, CSS


HTMLはスケルトン、CSSはデコレーション!
HTMLはheadタグ(ページ情報とページ内容)とbodyタグで構成されています.
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스파르타코딩클럽 | HTML 기초</title>
</head>

<body>
<!-- 구역을 나누는 태그들 -->
<div>나는 구역을 나누죠</div>
<p>나는 문단이에요</p>
<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>

<!-- 구역 내 콘텐츠 태그들 -->
<h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
<h2>h2는 소제목입니다.</h2>
<h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
<hr>
span 태그입니다: 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
<hr>
a 태그입니다: <a href="http://naver.com/"> 하이퍼링크 </a>
<hr>
img 태그입니다: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
<hr>
input 태그입니다: <input type="text" />
<hr>
button 태그입니다: <button> 버튼입니다</button>
<hr>
textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>
</body>

</html>

2.HTML親-子構造



赤divで緑divで個別にバンドルされている場合、緑divはそのプロパティに従います.

3.CSS練習


cssはheadラベルにstyleラベルを使用して記述されます.
classを指すとき合成を貼り付け!

4.フォント、コメント


Webフォントリンクラベルをheadラベルにコピーし、styleラベルにcss要素を追加します.

5.コメント(ctrl+/)


コメントは、コードを一時的に使用しない場合や、コードに追加の説明を書き込む場合に使用します.(コンピュータはコメントを読み込まない)

6.ガイドバー(ガイド)


スタートバーとは、他人が作ったcssバッグを指し、持ってきて使うことができます.

7.Javascriptベース


1)変数2)関数3)データ型(インベントリ&インベントリ4)条件文5)繰返し文

<第2回復習>


1. jQuery


jQueryは、HTML要素を扱うJavaScriptをあらかじめ作成したライブラリです.
すでに作成されているコードなので、「インポート」が必要です.
JavaScriptよりも直感的です.
EX)
$('#url').val(); // id가 url인 input 값을 가져오기.
$('#post-box').hide();  // id가 post-box인 곳을 숨기기
$('#post-box').show(); //id가 post-box인 곳을 보이기

2. Ajax


API(典型的なGETリクエスト、POSTリクエスト)は銀行の窓口のようです!
1) GET
https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967
上の住所は?最初はサーバアドレスで、後ろは映画番号(クライアントとサーバが約束した値)です.
ajaxのダストJSON形式(リストとバイナリデータ)openAPIを使用してコンソールウィンドウにすべての球のスモッグ値を印刷
$.ajax({
  type: "GET",
  url: "http://spartacodingclub.shop/sparta_api/seoulair",
  data: {},
  success: function (response) {
    let mise_list = response["RealtimeCityAir"]["row"];
    for (let i = 0; i < mise_list.length; i++) {
      let mise = mise_list[i];
      let gu_name = mise["MSRSTE_NM"];
      let gu_mise = mise["IDEX_MVL"];
      console.log(gu_name, gu_mise);
    }
  }
});

<三講復習>


1.要求ライブラリの使用


インポートを要求する必要があります!インデントが重要です!
上に見える微塵openAPIを使用して、すべての球の微塵値を撮影します.
import requests 

r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair')
rjson = r.json()

gus = rjson['RealtimeCityAir']['row']

for gu in gus:
	print(gu['MSRSTE_NM'], gu['IDEX_MVL'])

2.Webページの閲覧


要求とbs 4をWebスクリプトにインポートし、検索を容易にし、必要な部分を検索するために符号化する.(選択者が使用するレプリケーションセレクタ)
import requests
from bs4 import BeautifulSoup

# URL을 읽어서 HTML를 받아오고,
headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829',headers=headers)

# HTML을 BeautifulSoup이라는 라이브러리를 활용해 검색하기 용이한 상태로 만든다 
soup = BeautifulSoup(data.text, 'html.parser')

# select를 이용해서, tr들을 불러오고,
movies = soup.select('#old_content > table > tbody > tr')

# for 문을 이용해 반복문을 돌리고,
for movie in movies:
    # movie 안에 a 가 있으면,
    a_tag = movie.select_one('td.title > div > a')
    if a_tag is not None:
        # a의 text를 찍어본다.
        print (a_tag.text)

3.DBに保存


1)DBを書く理由は?
後でよく使うために!
2)DBタイプ(SQL/NoSQL)
3)pymongoの設定
from pymongo import MongoClient
client = MongoClient('mongodb+srv://test:[email protected]/Cluster0?retryWrites=true&w=majority')
db = client.dbsparta
4)各種例
保存

  • db.users.insert_one(doc)
  • を検索
    user = db.users.find_one({'name':'bobby'})
  • 複数の
  • を検索
    all_users = list(db.users.find({},{'_id':False}))
  • 置換
  • (更新)
    db.users.update_one({'name':'bobby'},{'$set':{'age':19}})
  • パージ

  • db.users.delete_one({'name':'bobby'})
  • <感じ>


    待ちに待った明日の学習キャンプの1週間がやっと始まった.
    初めて会った4人の選手と一緒に息をしたが、一人で息をするよりは、あまり疲れていないようだ.
    実は今日勉強した部分はもうたくさん復習したので、プロジェクトをする前にもう一度復習することができます.
    勉強を繰り返す部分なので、今日の勉強はあまり難しくありません.
    今でもメンバーと気まずい思いをしていますが、プロジェクトが進むにつれて、もっと親密に勉強できると思います~~!
    明日また何か話せるのを楽しみにしています.