明日学習キャンプ2日目TIL

27153 ワード

JQueryについて


Input boxの値の取得方法

<div class="form-floating mb-3">
    <input id="url" type="email" class="form-control" placeholder="[email protected]">
    <label>영화URL</label>
</div>
inputのidは$('#url')、そして後ろです.val()を貼り付けて値を取得します.
$('#url').val();
コンソールウィンドウに入力すると、入力ボックスの値が表示されます.
inputボックスに値を入力したい場合は
$('#url').val(ここに値を入力する場合).
これにより、入力した値がinputボックスに表示されます.

divの表示/非表示

<div class="mypost" id="post-box">
    <div class="form-floating mb-3">
        <input id="url" type="email" class="form-control" placeholder="[email protected]">
        <label>영화URL</label>
    </div>
    <div class="input-group mb-3">
        <label class="input-group-text" for="inputGroupSelect01">별점</label>
        <select class="form-select" id="inputGroupSelect01">
            <option selected>-- 선택하기 --</option>
            <option value="1"></option>
            <option value="2">⭐⭐</option>
            <option value="3">⭐⭐⭐</option>
            <option value="4">⭐⭐⭐⭐</option>
            <option value="5">⭐⭐⭐⭐⭐</option>
        </select>
    </div>
    <div class="form-floating">
        <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
                  style="height: 100px"></textarea>
        <label for="floatingTextarea2">코멘트</label>
    </div>
    <div class="mybtns">
        <button type="button" class="btn btn-dark">기록하기</button>
        <button type="button" class="btn btn-outline-dark">닫기</button>
    </div>
</div>
今回はid値を消してpost-boxを再表示させます.
$(「#post-box」)というようにID値を入力し、後ろに置きます.hide();はりつける
$('#post-box').hide()=>post-boxが消失する.
hide=非表示
同じように後ろにショーに変えたら()
$('#post-box').show()は表示状態に戻ります.

Python基礎学習


これはPythonの基礎文法資料を整理し理解する文章です。


Pythonの基礎文法


変数&基本演算


a=3#3をaに入れる
b=a#aをbに入れる
a=a+1#a+1再入a
num 1=ab#abの値をnum 1という変数に入れる
num 2=99#99の値をnum 2という変数に入れる

データ型


数字、文字
name=「bob」変数には文字列を含めることができます.
num=12#には数値が含まれる場合があります.
is number=True#TrueまたはFalse->「Boolean」.

リスト(Javascriptの配列と同じ)


a_list = []
a_list.append(1)#リストに値を入力
a_list.append([2,3])#リストに[2,3]というリストを再配置
a listの値は?[1,[2,3]]
a list[0]の値は?1
a list[1]の値は?[2,3]
a list[1][0]の値は?2

Dictionary(JavaScriptのDictionaryと同じ)


a_dict = {}
a_dict = {'name':'bob','age':21}
a_dict['height'] = 178
a dictの値は?{'name':'bob','age':21, 'height':178}
a dict['name']の値は?bob'
a dict['age']の値は?21
a dict['height']の値は?178

DictionaryとListの組み合わせ


people = [{'name':'bob','age':20},{'name':'carry','age':38}]
people[0][name']の値は?bob'
people[1]の値は?carry'
person = {'name':'john','age':7}
people.append(person)
人の価値は?[{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]
people[2][name]]の値は?john'

n.関数


関数の定義-任意に名前を付けることができます!

数学の問題で


f(x) = 2*x+3
y = f(2)
yの値は?7

注意:JavaScriptでは、


function f(x) {
return 2*x+3
}

Pythonで


def f(x):
return 2*x+3
y = f(2)
yの値は?7

関数の適用


def sum_all(a,b,c):
return a+b+c
def mul(a,b):
return a*b
result = sum_all(1,2,3) + mul(10,10)

result変数の値は?


条件文


if/elseに設定!
def odddeven(num):odddevenという関数を定義します.numを変数として受け入れます.
num%2=0:#numを2で割った残りの値が0の場合
True#True(真)を返します.
Else:#または、
false#false(偽)を返します.
result = oddeven(20)

resultの値は何ですか?


def is_adult(age):
if age > 20:
print("大人")#条件が本当なら「大人」を出力
else:
print(「青少年」)#条件が偽物なら青少年を輸出
is_adult(30)

複文


Pythonでは、重複文はリストの要素を1つずつ抽出して書き込む形式です.
4無条件でリストと一緒に使用!
fruits = ['사과','배','감','귤']

for fruit in fruits:
	print(fruit)

# 사과, 배, 감, 귤 하나씩 꺼내어 찍힙니다.

果物の数世紀の関数

```python
fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']
```
fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']

count = 0
for fruit in fruits:
	if fruit == '사과':
		count += 1

print(count)

# 사과의 갯수를 세어 보여줍니다.
def count_fruits(target):
	count = 0
	for fruit in fruits:
		if fruit == target:
			count += 1
	return count

subak_count = count_fruits('수박')
print(subak_count) #수박의 갯수

gam_count = count_fruits('감')
print(gam_count) #감의 갯수

別の例を見てみましょう。

people = [{'name': 'bob', 'age': 20}, 
          {'name': 'carry', 'age': 38},
          {'name': 'john', 'age': 7},
          {'name': 'smith', 'age': 17},
          {'name': 'ben', 'age': 27}]
people = [{'name': 'bob', 'age': 20},
{'name': 'carry', 'age': 38},
{'name': 'john', 'age': 7},
{'name': 'smith', 'age': 17},
{'name': 'ben', 'age': 27}]

全員の名前と年齢を印刷します。


for person in people:
print(person['name'], person['age'])

今回は、繰り返し文と条件文を適用した関数を作成します。


名前が受信された場合、ageの関数が返されます。


def get_age(myname):
for person in people:
if person['name'] == myname:
return person['age']
return「該当する名前がありません」
print(get_age('bob'))
print(get_age('kay'))

jQuery問題の答えを説明します!


授業中にjQuery問題を提出し、問題と正解のコードをよりよく理解するために、もう一度説明します.
質問(答えが適用されました)
http://spartacodingclub.shop/ajaxquiz/00_0
質問1回答
        function q1() {     
            let txt = $('#input-q1').val() 
            if (txt == '') {
                alert('빈칸입니다')
            } else {
                alert(txt)
            }
        }
解説
let txt = $('#input-q1').val() #input-q1를 가져오는 txt라는 변수를 만듬

if (txt == '') 만약 txt 가 빈칸이라면

alert('빈칸입니다') 알림창으로 '빈칸입니다'라고 뜸

else 아니라면

alert(txt) #input-q1를 가져와서 input에 있는 내용을 알림창으로 출력
2番目の問題
   function q2() {
            let txt = $('#input-q2').val()
            if (txt.includes('@') == true) {
                alert(txt.split('@')[1].split('.')[0])
            } else {
                alert('이메일이 아닙니다')
            }
 }           
解説
let txt = $('#input-q2').val() #input-q2를 가져오는 txt라는 변수를 만듬

if (txt.includes('@') == true) 만약 txt에 @가 있는게 진짜라면

alert(txt.split('@')[1].split('.')[0]) txt에 적힌 이메일의 .왼쪽 부분을 알림창에 출력

else 아니라면

alert('이메일이 아닙니다') 알림창에 '이메일이 아닙니다'라고 출력
質問3答え
function q3() {
            let txt = $('#input-q3').val()
            let temp_html = `<li>${txt}</li>`
            $('#names-q3').append(temp_html)
}  
解説
let txt = $('#input-q3').val() #input-q3를 가져오는 txt라는 변수를 만듬

let temp_html = <li>${txt}</li> = <li>${txt}</li>라는 변수를 만듬

$('#names-q3').append(temp_html) '#names-q3'에 temp_html 변수를 붙임

ポスト


今日の勉強内容は理解しにくいところがたくさんあったので、あまり進展しませんでした.
でもこのように整理しているうちによく理解できたらいいな
勉強と復習は私にとってとても役に立ちます.
今日は2日目!明日はミニプロジェクトが始まる日です.
緊張しながらも頑張ります!