[노마드코더] 바닐라JS 공부 1일차(데이터 타입, 변수, booleans, 배열, 객체)

기본적인 데이터 타입

//Basic Data Types 2.1

1 . Number

    - 정수(Integer) ex) 1,2,3

    - 소수(Float) ex) 1.4

 

2. String

   : 처음부터 끝까지 모두 글자로 이뤄져있다

   ex) "hello"

 

변수 

// Variables 2.2

// const and let 2.3

console.log(1234); // 콘솔에 값을 출력

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

// 들어가는 숫자를 바꾸고 싶음 => 변수 설정!

const a = 5; // 바뀌지 않는 값
a = 4; // 오류!
const b = 2; 
let myName = "jui"; // 바뀔 수 있는 값
// 긴 변수 이름을 가져야한다면 공백말고 다음 문자를 대문자로(cameCase)
// 파이썬에서는 my_name이런 식으로 작성함(snake_case)

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

myName = "juhui";

console.log("your new name is "+myName); // your new name is juhui

 

let과 var의 차이

    let : 재선언 금지, 재할당 가능

    var : 재선언 가능, 재할당 가능

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

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

var a = b; 
var a = c; // 재선언 가능

var a = b;
a = c; // 재할당 가능

 

Booleans

// booleans 2.4

: true or false

const amIFat = false;
const areYouFat = true;
const isAirFat = null; // 아무것도 없음

console.log(amIFat); // false
console.log(areYouFat); // true
console.log(isAirFat); // 아무것도 출력 안 됨

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

 

배열

// Arrays 2.5

const dayOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"]; // 배열
// 데이터를 나열하기 위한 방법 중 하나
// [] 안에 콤마(,)로 데이터들을 나열할 수 있음

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

// Get Item from Array
console.log(dayOfWeek[5]); // sat

// Add one more day to the array
daysOfWeek.push("sun");

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

 

객체

// Objects 2.6

const player = {
	name : "jui",
	points : 10,
	handsome : true,
};

console.log(player); // {name : "jui", points : 10, handsome : true}
console.log(player.name); // jui
console.log(player["name"]); // jui

player.handsome = false; // const는 수정할 수 없지만 객체 안에 값들은 업데이트 할 수 있음
console.log(player); // {name : "jui", points : 10, handsome : false}

player.lastName = "potato";
player.points = player.points + 10;
console.log(player); // {name : "jui", points : 20, handsome : false, lastName : "potato"}