[JavaScript] Nomad Academy, 바닐라 JS로 크롬 앱 만들기 - Variable (let, const, var), Array, Object / 20.06.02

 출처 : www.youtube.com/watch?v=wUHncG3VwPw&list=PL7jH19IHhOLM8YwJMTa3UkXZN-LldYnyK

 

 

#1.6 Your first JS Variable

- 자바스크립트는 위에서 아래로 코드를 읽는다.

- 하나의 expression은 하나의 줄에 있어야 한다.

 

Create 생성하고

Initialize 초기화하고

Use 사용하면 된다.

let a = 221;  //← 생성 및 초기화
let b = a - 5; //← 사용

 

- let

: 블록 유효 범위를 갖는 지역변수를 선언한다.

선언과 동시에 임의의 값으로 초기화 할 수 있다.

(출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let)

 

즉, 변수를 초기화하거나 생성할 때 변수명 앞에 let을 써준다.

변수를 생성한 후 사용할 때는 let을 붙이지 않아도 된다.

let a = 221; 
let b = a - 5; 
a = 4; 

console.log(b, a); 
//결과값: 216, 4

 

 

#1.7 let, const, var

- const

constant의 약자

안정적인이라는 뜻으로, 변하지 않음.

위의 예시에서 let a 가 아닌 const a로 정의내리면 

TypeError: Assignment to constant variable.

와 같은 에러가 뜸 (상수 변수에 대입했다며 또 변수를 재정의하지 말라는 뜻)

 

고로 평상시에는 const로만 쓰다가

바꿔야 하는 변수만 특수하게 let을 사용한다.

 

- var

let처럼 바뀌어도 되는 변수이다.

3년전에는 var만 쓸 수 있었지만 지금은 쓰지 않는다.

 

 

 

#1.8 Data Types on JS

  1). string

""사이에 넣는 문자열.

숫자가 들어가면 문자로 취급한다.

 

  2). Boolean

true(1) or false(2)

소문자로 쓰고

문자열이 아니므로 ""안에 쓰지 않는다.

 

  3). Number

숫자

 

  4). float 

55.1... 소수점이 있는 것.

 

 

# 1.9 Organizing Data with Arrays

여러 string을 하나로 묶어주는 두 가지 방식

  1). Array

  2). Object

 

- Array

ex). const dayOfWeek = ["Mon" "Tue" "Wen" "Thu" "Fri" "Sat" "Sun"];

 

- 배열명을 dayofweek라고 적지 않는 이유

Camel case의 방식으로 변수명을 지정해야 하기 때문이다.

Camel case : 낙타의 등과 같은 이름부여 방식.

소문자로 변수명을 시작해서 스페이스가 필요한 경우

스페이스 대신 대문자를 써주고 다음 단어를 써준다.

 

- console.log(dayOfWeek[2]);

//결과값: Wed

컴퓨터는 첫번째 자리를 0부터 센다.

 

 

 

#1.10 Organizing Data with Objects

- ex). 개인정보를 저장할 때

const nicoInfo = {

name: "Nicolas",

gender: "Male",

age: 33,

isHandsome: true

favMovies: ["Along the gods", "LOTR", "Oldboy"],

favFood: [{name:"Kimchi", fatty:false}, {name:"Cheese burger", fatty: true}]

}

 

- 원하는 label을 data에 줄 수 있다.

label은 변수와도 같으므로 ""안에 넣지 않는다.

 

- object안에 또 object를 넣을 수 있고 array도 넣을 수 있다.

  array도 마찬가지이다.

 

- string을 ""로 구분한다. 다른 데이터 값은 ""안에 쓰지 않는다.