``

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(): console창 깨끗하게

Numbers ins javascript

js has one number type
positive numbers
negative numbers
whole number (integer) (정수)
decimal(소수) 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;

아랫줄 변경한다고 윗값도 변경되는 것이 아님
snapshot을 찍는 것, link된 것이 아님

✅ Our First Variables Exercise(Done)

Updating Variables

``
score += 5; //+5가 score로 update 된다
score -= 10; //-10이 score로 updat 된다
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 (lowercase로만 써야 함)

Variables can change Types -> 2 -> false 가능

typescript는 javascript 기반의 언어인데 좀 fancier

Variable Naming & conventions

variable - valid identifier
띄어쓰기 안 됨
숫자 쓰는 건 됨
근데 숫자로 시작하는 건 안 됨
_ (underscore 가능) 이걸로 시작하는 건 가능

보통 언더스코어, 첫문자 어퍼케이스로 안 쓴다
camelCase를 쓴다 -> 두번째 단어 첫문자를 대문자로
let currentYear = 1999;

isLoggedIn
isGameOver 이런 거 자주 씀 is 쓰는 이유는 boolean variable이라는 것 보여주기 위해

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

인덱스로 figure out 함
animal.length 로 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는 같은 게 아니다, completely different string
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[번호]
슬라이싱(Slicing): a[0:4] ->주의: 끝 번호에 해당하는 것은 포함하지 않는다
a[0:4] = 0 <= a < 3
a[19:] : 시작 번호부터 끝까지
a[:] : 처음부터 끝까지

파이썬은 0부터 시작하는 것 잊지 말기!!!

"Pithon"이라는 문자열을 "Python"으로 바꾸는 방법

문자열 자료형은 immutable한 자료형이므로 인덱싱으로 바로 바꾸려 하면 오류
하지만 슬라이싱 통해서는 바꿀 수 있다 -> 사이에 추가하여 새로운 문자열을 만들 수 있기 때문

문자열 포매팅

1. 문자열 포맷 코드 %d: "I eat %d apples." % 3
2. 문자열 포맷 코드 %s: "I eat %s apples." % "five"
3. 변수로 대입하기: "I eat %d apples." % number
4. 2개 이상의 값 넣기: "I ate %d apples. so I was sick for %s days." % (number, day)

%s 는 자동으로 % 뒤에 있는 값을 문자열로 바꾼다

"Error is %d%." % 98 ->이러면 오류 뜸, 반드시 포매팅 연산자와 함께 %를 쓸 때는 %%를 써준다.
"Error is %d%%." % 98