TIL 10/9 : 크롬앱 2강

Rami·2024년 10월 9일

TodayILearn

목록 보기
18/61

2.4 Booleans

1) null : 아무것도 없는 상태로 채워짐 => 절대 자연적으로 발생하지 않는다. 변수(variable)안에 어떤 것이 없다는 것을 확실히 하기 위해 사용.

✏️ 여기에는 값이 "없다"

2) undefined : 변수(variable)은 존재하지만, 정의되지 않은 것 => 컴퓨터 안에는 존재함. 공간은 있는데, 값이 들어가지 않은 것


2.6 Objects

설명이 필요하지 않은 데이터 리스트들은 array로 => [1, "nico", false]
설명이 필요한 정보가 담긴 데이터 리스트들은 object로 =>

const player = { 
  name: "nico",
  potint: 17,
  health: true
}

2.7 Functions part One

function : 반복해서 사용할 수 있는 코드 조각


2.10 calculator 만들기

const caluculator = {
    plus : function (a, b){
        console.log(a + b);
    },
    minus : function (a, b){
        console.log(a - b);
    },
    divide: function (a, b){
        console.log(a / b);
    },
    multiple : function (a, b){
        console.log(a * b);
    }, 
    power : function (a, b){
        console.log(a ** b);
    }
}


caluculator.plus(1, 1); // 2
caluculator.minus(10, 9); // 1
caluculator.divide(10, 2); // 5
caluculator.multiple(2, 3); // 6
caluculator.power(2, 2); // 4

2.11 Returns

const age = 100;
function calculatorKrAge(foreignerAge){
    foreignerAge + 2;
}

const krAge = calculatorKrAge(age);
console.log(krAge);

출력

undefined

const age = 100;
function calculatorKrAge(foreignerAge){
    return foreignerAge + 2;
}

const krAge = calculatorKrAge(age);
console.log(krAge);

출력

102

return으로 변경하여 서로 의존이 가능해짐

const caluculator = {
    plus : function (a, b){
        return a + b;
    },
    minus : function (a, b){
        return a - b;
    },
    divide: function (a, b){
        return a / b;
    },
    multiple : function (a, b){
        return a * b;
    }, 
    power : function (a, b){
        return a ** b;
    }
}

const plusResult = caluculator.plus(2, 3);
// console.log(plusResult);
// 또는 콘솔창에 plusResult 만 입력해도 더해진 값이 출력 됨
const minusResult = caluculator.minus(plusResult, 3);
const divideResult = caluculator.divide(10, minusResult);
const multipleResult = caluculator.multiple(2, divideResult);
const powerResult = caluculator.power(multipleResult, 3);

결론

console.log 는 콘솔에 결과를 보여주기 위한것
return 은 실제값을 출력하는것


2.13 Conditionals

"15" > string
15 > number

숫자가 아니면?

age !== "number"

올바른 표현

  1. typeof age !== "number"
  2. isNaN(age) > true, false값을 return

2.14 Conditionals part Two

const age = parseInt(prompt("how old are you?"));

if (isNaN(age)){
    console.log("write the number");
} else {
    console.log("thank you for writing your age");
}

2.15 Conditionals part Three

const age = parseInt(prompt("how old are you?"));

// if (isNaN(age) && age < 0){ // ❌
if (isNaN(age) || age < 0){
    console.log("Please Write a real positive number"); // 숫자가 아니면 출력
} else if(age < 18) { // 숫자일 경우 아래 중에 하나 출력
    console.log("You are too young");
} else if(age >= 18 && age <= 50) {
    console.log("you can drink");
} else if(age > 50 && age <= 80){
    console.log("you should do exercise");
} else if(age > 80){
    console.log("you can do whatever you want");
}

age ===100을 추가하고 싶다면,

const age = parseInt(prompt("how old are you?"));

// if (isNaN(age) && age < 0){ // ❌
if (isNaN(age) || age < 0){
    console.log("Please Write a real positive number"); // 숫자가 아니면 출력
} else if(age < 18) { // 숫자일 경우 아래 중에 하나 출력
    console.log("You are too young");
} else if(age >= 18 && age <= 50) {
    console.log("you can drink");
} else if(age > 50 && age <= 80){
    console.log("you should do exercise");
} else if(age === 100){
    console.log("WOW you are 100years-old?");
} else if(age > 80){
    console.log("you can do whatever you want");
}

(age > 80) 보다 (age === 100)를 먼저 써야함.
둘이 중첩되서 앞에 적인 것이 먼저 실행되버림.
conditional 적는 순서 중요

&& 그리고 vs || 또는

&&

true && true = true
true && false = false
false && true = false
false && false = false

||

true || true = true
true || false = true
false || true = true
false || false = false


profile
YOLO

0개의 댓글