바닐라 JS DAY-2

데이터 타입의 종류

1. Number

• 정수(integer) : 1, 2, 3
• 소수(float) : 1.55

2. String

• 처음부터 끝까지 문자로 구성되어 있음
• "Hello"
• "ni"+"co" = "nico"

---

Variables(변수)

• 값을 저장하거나 유지하는 역할
• const(상수) : 바뀌지 않는 값
• 변수의 이름에 공백을 사용할 수 없어 camelCase를 사용한다.
  (myname ❌ myName ⭕)

console.log(5+2); //7
console.log(5*2); //10
console.log(5/2); //2.5

//만약 값을 변경하고싶다면?

const a = 5;
const b = 2;
// constant인 variables를 만듬
console.log(a+b); //7
console.log(a*b); //10
console.log(a/b); //2.5

const myName = "nico"
console.log("hello" + myName); // hello nico

---

const and let

• const는 값이 바뀔수 없지만 let은 값을 변경할 수 있다.
• 기본적으로 const를 사용하고 필요할 때 let를 사용한다.
• const: 재선언, 재할당 ❌
• let : 재선언 ⭕, 재할당 ❌
• var : 재선언 재할당 ⭕

const a = 5;
const b = 2;
let myName = "nico"

console.log(a+b); //7
console.log(a*b); //10
console.log(a/b); //2.5
console.log("hello" + myName); // hello nico

myName = "nicolas" // let은 값을 생성할때 사용하기때문에 다시 사용하지 않는다
console.log("your new name is" + myName); 

---

Booleans

• true 아니면 false

const amIFat = true;
console.log(amIFat); //true

null

• 변수에 아무것도 없다는걸 뜻함
• false는 false라는 값이 존재해서 다름
• 변수 안에 어떤 것이 없다는 것을 확실히 하기위해 사용

const amIFat = null;
console.log(amIFat); //

undefined

• 값을 만들었지만 정의되어 있지 않음
• 메모리 공간을 만들었지만 값이 들어가 있지 않음

let something;
console.log(something); // undefined

---

Arrays(배열)

• 데이터를 나열하기 위한 방법
• 하나의 variable 안에 데이터의 list를 가지는 것
• 시작과 끝에 대괄호([])를 사용해야한다
• 각각의 항목은 쉼표로 분리되어야 한다.

//const mon ="mon";
//const tue ="tue";
//const wed ="wed";
//const thu ="thu";
//const fri ="fir";
//const sat ="sat";
//const sun ="sun";

// const dayOfWeek = mon + tue + wed + thu + fri + sat + sun;// ❌
console.log(dayOfWeek); //montuewedthufrisatsun; 

const dayOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"]
console.log(dayOfWeek);//(6) ["mon", "tue", "wed", "thu", "fri", "sat"]

// Get Item from Array
console.log(dayOfWeek[4]) //"fri" 인덱스는 0부터 시작한다.
// Add one more day to the Array
dayOfWeek.push("sun")
console.log(dayOfWeek);//(7) ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]

---

Object

• property(특성)를 가진 데이터를 저장하도록 해줌
• 중괄호({})를 사용한다.
• property를 변경하는 것은 가능하지만 Object를 변경 할 수는 없다

const playerName = "nico"
const playerPoints =1212112
const playerHandsome =true;
const playerFat = "little bit"
// 모든 property의 이름을 지어야함

const player = ["nico", 1212, false, "little bit"];// 어떤 의미인지 알 수없음 

const player = {
	name: "nico",
 	points: 10,
  	fat: true,
}
console.log(player); // {name= "nico", points = 10, fat =true}
console.log(player.name); // nico
console.log(player["name"]); // nico

// property의 내용 변경
player.fat = false;
console.log(player); // {name= "nico", points = 10, fat =fales}
// property 추가
player.lastName ="potato"
console.log(player); // {name= "nico", points = 10, fat =fales, lastName ="potato"}