바닐라 JS 챌린지 #02

 

#2.0 Intro

 

Html - JS,CSS

 

#2.1 Data type

 

정수 - integer

실수 - float
2 or 1.5

 

Text 문자, string 문자열
ex) "hello"
ex) "hello " + "my name is nico"
-> hello my name is nico

 

#2.2 Variable

# const → 변수 선언을 통해 코드를 간결하게

const a = 10;
const b = 2;

console.log(a + b);
console.log(a * b);
console.log(a / b);

# 길이가 긴 변수를 선언할 때 → Camelcase

ex. VeryLongVariableName

cf. Python에서는 very_long_variable_name

 

#2.3 Const and let

 

변수만들때 let, const, var차이
let 재선 언 금지, 재할당 가능
const 재선언 금지, 재할당 금지
var 재선언 가능, 재할당 가능

let a = b;
let a = c;
//재선 언 금지

let a = b;
a = c;
//재할당은 가능

const a = b;
const a = c;
//재선언 금지

const a = b;
a = c;
//재할당 금지

var a = b;
var a = c;
a = d;
//재선언, 재할당 가능

 

#2.4 Boolean

true, false

null - 컴퓨터에 값이 없음을 의도적으로 알리기 위해 채워진 값
undefined - let something; 처럼 변수에 값을 지정하지 않으면 메모리 상에 자리는 존재하지만 값이 채워지지 않음

 

#2.5 Arrays 

 

데이터 정리하는 법 -->데이터 구조
데이터 구조중 가장 기본적인건 배열
선언 : const 배열명 = [1, 2, "hello", false, null, undefined]; 안에 뭐든 넣어도 됨
배열명[index 0부터];로 특정 순서의 값을 지정할 수 있음.
배열에 값을 추가하는 법 --> 배열명.push(값);
이렇게 값을 추가하거나 변경할 수도 있음 --> 배열명[index] = 값;

 

#2.6 Object

 

object는 property를 가진 데이터를 저장해주며, { } 를 사용한다.

const player = {
name : tomato,
color : red,
food : true,
};

console.log(player);

property를 불러오는 방법은 2가지가 있다.

1. console.log(player.name); => tomato
2. console.log(player["name"]); => tomato

또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다.
ex)
const player = {
name : tomato,
color : red,
food : true,
};

console.log(player);
player.color = "blue";
console.log(player.color);
--> blue

그리고 property를 추가 할 수도 있다.

player.koreanName = "토마토";

--> {name: "tomato", color: "blue", food: true, koreaName: "토마토"}