TIL

👍🏼 感傷的

なぜディレクトリが適用されないのですか?
📙 ホットは16時間かかります
👍🏼 ホットワーク
👎🏼 -

🚀 n/a.ターゲット

符号化なし再生復習(-3/27)

UdemyでJavascriptレッスン(161/682)

に参加

毎日提出30日連続完成(7/30、3.27完成)

23.24はノーソン

に移行することを発見した.

明日学習カード申請

18時間チャレンジ(16時間適宜完了)

CSSセクションを完了し、Wikiを使用して

を復習します.

💡 TIP

一つの言語をよく理解すれば、重複文、条件文、関数、クラス、オブジェクト向けの概念は同じで、文法が異なるだけです.
オープンソース、googling、先輩を通じて積極的に素早く吸収
アルゴリズム:入力、出力、有限性、明らか性、有効性
C言語基礎プログラミング(言語)+資料構造->実戦アルゴリズムチュートリアル
スケジュール管理、ナビゲーション、掲示板

[リンクリスト]

The Web Developer Bootcamp 2021
Taehoon CSS Grid説明
MDN Grid system
マウスポインタ効果Javascript
Bootstrap Icons
SVG Guide
Font Awsome
Icon sites
Codepen JS Airplanes
Poly.google
GreenSock ScrollTrriger
Cプログラミング入門by私もコードします
Jump to Python WikiDocs

📣 The Web Developer Bootcamp 2021: 12.121-15.152

Bootstrap

Bootstrap Quick start

cssリンクをコピーしてheadに貼り付け、スタイルシートに置くと、私のものに付着しません.
js scriptがbodyタグを終了する前に入れる
コンテナとメッシュシステム(メッシュシステムを使用するにはコンテナが必要)
container-fluid
container-md(sm,md,lg,xl)
Typography
Blockquotes

<blockquote class ="blockquote">

Alignment
[Utility]
not component,stand-only,後に追加すればいい
badge
button group
alert
dismissing
✅ Bootstrap Basics Practice(Done)

Grid System

Every row in Bootstrap has 12 units of space, total is always 12 units
MDN Grid system

divの代わりにコンテナを使用できますが、marginが生成されました.
✅ Bootstrap Grid Practice(Done)

<div class="container">
    <div class="row">
        <div class="col-4 bg-danger">One Third</div>
                <div class="col-8 bg-warning">Two Thirds</div></div>
                 <div class="row">
        <div class="col-3 bg-info">One Quarter</div>
                <div class="col-6 bg-warning">One Half</div>
                <div class="col-3 bg-success">One Quarter</div>
    </div>
    </div>

Responsive Bootstrap Grid

<div class="col-6">
  <!--크기가 줄어도 6그리드를 계속 차지한다-->
<div class="col-md-6">
  <!--6units를 차지하다가 medium 사이즈 밑으로 내려가면 사이트 전체를 차지한다-->
<div class="col-md-6 col-xl-3">
  <!--이전에는 stack, medium사이즈부터는 6칸 차지, xl 사이즈부터 3칸 차지-->

image fluid

コンテナのサイズに応じて変化

<div class="row no-gutters"><!--nogutters:마진 없앨 때 씀-->
<div class="col-xl-4 col-md-6">
  <img class="img-fluid" src="" alt="">

Grid utilities

``
``

Justify Content

``
``

Bootstrap & Forms

form input

<input type="email" class="form-control" id="email"> 

<div class="form-group">
<label for="password">Password</label>
<intput type="password" class="form-control" id="password"> </div>

<div class="form-row">
	<div class="form-group col-md-6">
		<label for="state">City</label>
      	<input type="text" class="form-control" id="city">
  	</div>
 	<div class="form-group col-md-3 c0l-6">
    	<label for="state">State</label>
		<select class="form-control" name="state" id="state">
			<option value="AL">Alabama</option>
          	<option value="AK">Alaska</option>
      	</select>
  	</div>
  	<div class="form-group col-md-3 col-6">
   		<label for="zip">Zip Code</label>
    	<input type="text" class="form-control" id="zip">
  	</div>      
</div>
<div class="form-group">
	<div class="custom-control custom-checkbox">
  		<input type="checkbox" class="custom-control-input" id="tos">
  		<label class="custom-control-label" for="tos"Sign Me Up</label>
	</div>
</div>
<button type="submit" class="btn btn-success">Register</button>

Bootstrapが更新された後、

はアクティブになりません.
チェックボックス

Navbar

Bootstrap Navbar

Icons

Bootstrap Icons
あなたが望むところに置けばいいです.

Bootstrap Utility

Bootstrap Border

Colors

Spacing

⚠️ optional) Musiem of Candy Project(Undone)

Javascript

Primitive Types

The basic building blocks
number, string, boolean, null, undefined
🔸 cmd+option+J:チェックウィンドウ
clear():コンソールウィンドウのクリーンアップ

Numbers ins javascript

js has one number type
positive numbers
negative numbers
整数
しょうすう
//コメント
PEMDAS: order of operation
parentheses
exponentiation and root extraction
multiplication and division
addition and subtraction
9 % 2 ->remainder = 9-24=1
2 ** 3 -> 22*2 = 8

NaN (not a number)

numeric value, but not a number
technically number in js
0/0//NaN
1+NaN//NaN
typeof 4//number
NaN * 12//NaN

(13%5)**2 //9
200+0/0 //NaN

NaN
表示できない数値結果、自分と一致しない唯一の値
数値ですが、コンピュータでは表示できません.

が非正常

Variables & Let

variables are like labels for values
jar with a value inside of it, with a label on it

let year=1985; //registering variable
let roosters = 2;
hens + roosters //6, recall values
roosters + 1 = 3;

下線を変更しても上の値は変更されません
スナップショット、リンクなし
✅ Our First Variables Exercise(Done)

Updating Variables

``
score += 5;//+5 scoreに更新
score -= 10;//-10はscoreに更新されます
score *= 2;
numLives--//decrements by 1
numLives++//increments by 1
``
🔸 clear() = command + k

const

const works just like let, except you cannot change or update the value.
const age = 17;
age = age + 1;//ERROR
->なぜconstを使うのか
const dayssInWeek = 7;

Booleans

true false(小文字のみ)
変数はタイプを変更できます->2->false
typescriptはjavascriptベースの言語で、ちょっと派手です

Variable Naming & conventions

variable - valid identifier
書き分けをしない
数字が入力されました
数字で始まるわけにはいかない
(下線可能)これから
一般的には、最初のメールジャケットとしては使用されません.
camelCaseを使用する->2番目の単語の最初の文字を大文字にする
let currentYear = 1999;
isLoggedIn
isGameOverというよく使われる理由はboolean変数を証明するためです

Javascript Strings

Basic building Blocks

number
string:text,strings of characters,“”
boolean
null
undefined
"": technically a string, empty string
✅ Our First String Variables Practice(Done)

Indices & Length

strings are indexed, each character has a corresponding index, a positional number
let animal = "dumbo
索引による計算
animal.長さ表示length
highest index = length -1
「lol」[0]でもよい
concatenation: "lol"+ "lol"
let firstName = "River";//1
let lastName = "Phoenix";
firstName + lastName//RiverPhoenix
firstName = "river"//2
1と2は同じではなく、全く異なる文字列です
let fullName = firstName + ""+ lastName

📣 Jump to Python: 01.1-02.1

整列されていない場合は実行されません(インデントする必要があります)
資料型:計画の基礎と核心
Hello World

>>> 7 % 3
1
>>> 3 % 7
3

"""
문자열 오류를 일으키지 않는 방법들 (" ' 반대로 써주기), \를 따옴표 앞에 써주기
"""
food = "Python's favorite food is perl" 
say = '"Python is very easy." he says.'
say = "\"Python is very easy.\" he says."

"""
여러 줄인 문자열을 변수에 대입하고 싶을 때, 큰따옴표 세 개도 가능하다
"""
multiline='''
... Life is too short
... You need python
... '''

n文字列の改行に使用
t文字列間のタブ間隔の設定
文字をそのまま表示
一重引用符()を表す場合に使用
二重引用符()
引用符で囲むと「123」でも文字列!
インデックス:a[番号]
スクライブ:a[0:4]->注意:終了番号に対応する
a[0:4] = 0 <= a < 3
a[19]:開始番号から終了まで
a[:]:最初から最後まで
Python忘れないで0から!!

文字列「Pithon」を「Python」に置き換えます。

文字列データ型は可変データ型であり、インデックスに直接変換しようとするとエラーが発生します.
ただし、スライドによって->を置き換えることができます.->間に新しい文字列を追加できるからです.

文字列マッピング

文字列フォーマットコード%d:“Ieat%d apple.”%3

文字列フォーマットコード%s:「Ieat%sアップル」%"five"

変数で代入:「Ieat%dアップル」%number

は2つ以上の値を入れます:“I ate%dリンゴ、そのためIは%s日病気になりました.”%(number, day)

%sは、後続の値を文字列に自動的に置き換えます.
"Error is %d%."% 98->これではエラーは発生しません.pomatting演算子を使用するときは必ず%%と書きます.
"Error is %d%%."% 98