HTML
Input type 중에 radio 라는게 있음. 원형 체크박스를 의미.
<label for="visaBtn">Visa</label>
<input type="radio" name="card" id="visaBtn" />
이렇게 생겼고, 보통 label 이랑 함께 작성.
label 에는 for="" 가 있는데 여기에는 input 의 id 를 적어주면 됨.
name 도 중요한데, name 을 기준으로 같은 그룹으로 묶이고 같은 그룹내에선 중복 선택이 안되게 함.
JavaScript
.checked 를 이용해서 어떤 input/checkbox 가 체크되었는지 여부를 boolean으로 반환받을 수 있음.
예시)
if (visaBtn.checked) {
console.log("you are paying with Visa!");
} else if (mastercardBtn.checked) {
console.log("you are paying with Master!");
} else if (paypalBtn.checked) {
console.log("you are paying with paypal!");
} else {
console.log("you must select a payment type");
}
if 문의 조건에 == true 같은걸 안적은 이유는 .checked 가 이미 true/false를 반환하기 때문임.
switch 문도 else if 문과 비슷하지만 else if 를 여러번 쓰는것보다 효율적이다.
if 문의 조건을 &&와 || 를 사용해서 작성하는것도 가능!
if(temp>0 && temp<25) 라고 작성하면 0<temp<25 일때만 참이 되는것.
Template literals => `` 백틱으로 감쌈. Allows embedded variables and expressions.
let userName = “Bro”;
let items = 3;
let total = 75;
console.log(“Hello”, userName);
console.log(“You have”, items, “items in your cart”);
console.log(“Your total is $”,total);이렇게 귀찮게 작성해야 하는걸
console.log(`Hello ${userName}`);
console.log(`You have ${items} items in your cart`);
console.log(`Your total is $${total}`)이렇게 훨씬 간편한게 작성할 수 있게 해준다.
내가 만든 변수나 구문을 string 안에 넣을땐 거의 무조건 쓰는게 편하다고 보면 됨.
array 에 쓸수 있는 method
.sort() 알파벳 순서로 나열
.sort().reverse() 알파벳 역순으로 나열
2D Array = an array of arrays
let fruits = [‘apples’,’orages’,’bananas’]
let vegetables = [‘carrots’,’onions’,’potatoes’]
let meats = [‘eggs’,’chicken’,’fish’]
let groceryList = [fruits,vegetables,meats]
groceryList 에 한것처럼 array 안에 array를 넣는것도 가능하다.
이때 groceryList 를 콘솔에 찍으면 내가 생각한대로 안찍힐텐데 그땐 for문 안의 for 문을 쓰면 됨
for(let list of groceryList){
for(let food of list){
console.log(food);}
}이렇게. 그리고 만약 groceryList 에서 'potatoes'를 'avocado'로 바꾸고 싶다고 하면?
groceryList[1][2] = 'avocado' 이러면 됨.
스프레드 연산자(...array) 도 배움.
