明日勉強キャンプ第一週#基礎授業勉強
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人の選手と一緒に息をしたが、一人で息をするよりは、あまり疲れていないようだ.
実は今日勉強した部分はもうたくさん復習したので、プロジェクトをする前にもう一度復習することができます.
勉強を繰り返す部分なので、今日の勉強はあまり難しくありません.
今でもメンバーと気まずい思いをしていますが、プロジェクトが進むにつれて、もっと親密に勉強できると思います~~!
明日また何か話せるのを楽しみにしています.
Reference
この問題について(明日勉強キャンプ第一週#基礎授業勉強), 我々は、より多くの情報をここで見つけました https://velog.io/@ansaudwn123/내일배움캠프-1주차-기초강의학습テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol