바닐라 JS로 크롬 앱 만들기 #2.5~#2.10

#2.5 Arrays

 

1) string

2) array

const mon = "mon ";
const tue = "tue ";
const wed = "wed ";
const thu = "thu ";
const fri = "fri ";
const sat = "sat ";
const sun = "sund ";

const daysOfWeek = mon + tue + wed + thu + fri + sat + sun;

console.log(daysOfWeek);

const mon = "mon ";
const tue = "tue ";
const wed = "wed ";
const thu = "thu ";
const fri = "fri ";
const sat = "sat ";
const sun = "sund ";

const daysOfWeek = [mon , tue , wed ,thu , fri , sat , sun];

console.log(daysOfWeek);

항목 중 하나에 접근법

console.log(daysOfWeek[0]);

한 항목을 추가 

daysOfWeek.push("sun");

Array 목적은 variable 안에 데이터의 list를 가지는 것

 

#2.6 Objects

 

1) 

 

const player = {
    name : "Zana",
    points : 10,
    fat: true,
}

console.log(player);
console.log(player.name);

console.log(player["name"]);

혹은

 

object 안의 property를 수정하는 경우

 

const player = {
    name : "Zana",
    points : 10,
    fat: true,
}

console.log(player);
player.fat = false;
console.log(player);

object 안의 property를 추가하는 경우

player.lastName = "potato";

입력

 

#2.7 Functions part One

 

다음 강의의 목표는 

function sayHello () {
    console.log("Hello!");
};

sayHello();
sayHello();
sayHello();
sayHello();

 

function sayHello () {
    console.log("Hello my name is C");
};

sayHello("nico");
sayHello("dal");
sayHello();
sayHello();

각각

Hello my name is 다음에 원하는 이름이 들어가게 해서 반복적으로 출력하게 하는 것이다.

 

 

#2.8 Functions part Two

 

1) 

 

function sayHello (nameOfPerson, age) {
    console.log("Hello my name is "+ nameOfPerson + " and I'm " + age );
};

sayHello("nico", 10);
sayHello("dal", 23);
sayHello("lynn", 21);

2)

 

function plus(a,b) {
    console.log(a,b);
}

plus(20, 30);

 

변수 a, b는 plus라는 function안에서만 존재한다. 

즉, function밖의 plus(a, b)를 한다면 오류가 난다.

 

3)

 

 

const player = {
    name: "nico",
    sayHello: function(otherPersonsName){
        console.log("hello " + otherPersonsName+ " nice to meet you ")
    },
 };
 console.log(player.name);
 player.sayHello("lynn");

#2.9 Recap

 

const toBuy = ["potato", "tomato", "pizza"];

console.log(toBuy[2]);
toBuy[2] = "water";
console.log(toBuy);
toBuy.push("meat");
console.log(toBuy);

 

#2.10 RecapII

function을 만들고 function안에서 data를 받는 방법

function plus(potato, salad) {
    console.log(potato + salad);
}

plus(5, 10);
plus(1.33434, 9899);
plus(98989, 123.43);

 

 

const calculator = {
    add: function(a, b) {
        console.log(a + b);
    },
};

calculator.add(1, 1);
console.log();​