배운 내용 정리

변수

변수를 만드는 두 가지 방법

• 1) const a = 5;
• 2) let a = 5;

const

• 업데이트 불가능

let

• 업데이트 가능
• 업데이트할때는 let을 다시 붙이지 않아도 됨

let isAppleGood = true;
isAppleGood = false;

정리

• 항상 const를 사용하되, 업데이트 가능성이 있으면 let을 사용하고, var는 사용하지 말기

데이터 타입 종류

• string, number, boolean, null, undefined
• null값은 '비어있음'을 의미하는 변수에 할당되는 값임
• undefined는 변수에 값을 부여하지 않은 상태임

Array

• 하나의 variable안에 많은 수의 데이터를 가지고 싶을 경우 사용

const me = "lovely";
const days = [1, 2, false, true, null, undefined, "text", me];

• 배열 안에는 모든 유효한 데이터 타입이나 variable(변수)가 들어갈 수 있음

배열안의 item에 접근하는 방법

• 인덱스를 사용해서 접근하기

const toBuy = ["tomato", "banana", "lemon"];

console.log(toBuy[0]); // tomato

배열안의 item 업데이트하기

const toBuy = ["tomato", "banana", "lemon"];

console.log(toBuy[0]); // tomato

toBuy[0] = "water";
console.log(toBuy[0]); // water

배열에 item 추가하기

toBuy.push("love");

console.log(toBuy);
// ["tomato", "banana", "lemon", "love"]

object

• 의미가 있는 property 저장 가능

const player = {
	name: "been",
    age: 28
}

console.log(player.name) // been

object update 하는 방법

player.name = "Lee";
console.log(player);
// {name: "Lee", age: 28}

object를 만든 후 추가하는 방법

const player = {
	name: "been",
    age: 28
}

player.look = "good";
console.log(player);
// {name: "Lee", age: 28, look: "good"}

function

• 어떤 코드를 캡슐화해서 그걸 계속해서 반복해서 사용할 수 있도록 한 것

함수 만들기

function plus() {
	console.log(3 + 3);
}

함수 실행시키기

plus();

• ()는 실행시킨다는 의미
• 여러번 실행시키고 싶으면 여러번 작성해주면 됨

plus();
plus();
plus();

함수밖에서 data 넣을 수 있도록 하는 방법

• 함수 안에 미리 data를 넣어두는 것보다 함수 밖에서 data를 넣을 수 있게 하는게 훨씬 좋음
• 함수의 목적은 여러가지 일을 같은 코드로 하기 위함이기 때문
• 실행문의 괄호에서 보낼 data를 작성해주고, 함수이름 뒤의 괄호에서 data를 받음
• 인수를 설정할 때 순서는 매우 중요함

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

plus(10, 5); // 15
plus(11, 1, 3, 7, 9);
// 이렇게 많은 data를 적어도 a, b 두개의 인자까지만 받게 됨
// 즉 11과 1만 받아서 12가 나옴

함수 내에서 선언된 인자

• 함수 안에서만 접근이 가능함

calculator object 만들어보기

const calculator = {
	add: function (a, b) {
    	console.log(a + b);
    },
    minus: function (a, b) {
    	console.log(a - b);
    },
    multi: function (a, b) {
    	console.log(a * b);
    },
    power: function (a, b) {
    	console.log(a / b)
    }
};