明日学習キャンプ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日目!明日はミニプロジェクトが始まる日です.
緊張しながらも頑張ります!
Reference
この問題について(明日学習キャンプ2日目TIL), 我々は、より多くの情報をここで見つけました
https://velog.io/@rjsekaehdhkw/내일배움캠프-2일차-TIL
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<div class="form-floating mb-3">
<input id="url" type="email" class="form-control" placeholder="[email protected]">
<label>영화URL</label>
</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>
これは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日目!明日はミニプロジェクトが始まる日です.
緊張しながらも頑張ります!
Reference
この問題について(明日学習キャンプ2日目TIL), 我々は、より多くの情報をここで見つけました
https://velog.io/@rjsekaehdhkw/내일배움캠프-2일차-TIL
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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에 있는 내용을 알림창으로 출력
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('이메일이 아닙니다') 알림창에 '이메일이 아닙니다'라고 출력
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日目!明日はミニプロジェクトが始まる日です.
緊張しながらも頑張ります!
Reference
この問題について(明日学習キャンプ2日目TIL), 我々は、より多くの情報をここで見つけました https://velog.io/@rjsekaehdhkw/내일배움캠프-2일차-TILテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol