script - variable(변수)

자바스크립트는 웹사이트 검사 중 console 칸에서 나타나진다.
자바스크립트는 숫자와 문자를 알아듣는다.
자바스크립트는 위에서부터 읽는다.
숫자는 그냥 다른건 필요없이 숫자만 적어넣어도 된다. ex) 2
문자(string)는 ""가 필요하다. ''도 된다. ex) "hi" or 'hi' or "2"

console.log();

console에 () 속 값을 출력해준다는 의미를 갖는다.

variable의 가치

변수선언 변수 = 값; 의 형태를 가진다.
먼저 알아야 할 것은 대부분 const를 쓰게 된다.
가끔 let을 쓰고 var는 쓰지 않기로 했다.
const, let, var는 무엇일까??

console.log(5 + 2);
console.log(5 * 2);
console.log(5 / 2);

이런 코드를 작성했다고 생각해보면, 5를 3으로 바꿔야 하는 경우가 생길 수 있다. 그럴 때 variable을 이용한다!

const

variable은 가장 먼저 const(constant, 상수, 바뀌지 않는 값)를 사용한다.

const a = 5;
console.log(a + 2);
console.log(a * 2);
console.log(a / 2);

이런 식으로 한다면 저 const a = 해당 값; 으로 쉽게 수정이 가능하다.
뒤에 있는 숫자 2도 똑같다 a가 아닌 다른 것을 이용하여 간단하게 수정이 가능해진다.

let

const의 자리에 let을 써도 변화는 없다.
그럼 이 둘의 차이점은 let은 새로운 것을 생성할 때 사용된다는 것이다.
그리고 const는 변화되지 않는 값이고 let은 변화가 가능한 값이 올 때 사용된다는 큰 차이점이 있다.

3번째 코드에서는 let이 있고 10번째 코드에서는 let이 없다.
let은 새롭게 생성 시에만 사용되는 것이라 3번째 코드에서만 쓰인 것이다.
그럼 3번째 코드에서 let 대신 const를 사용하면 왜 안되는지 알 수 있게된다.
--> const는 변화되지 않는 값이어야 하는데 10번째 코드에서 myName을 변화시켜 버렸기 때문에 const 사용 시에는 새로운 값을 대입할 수 없다면서 오류가 나타난다.
이 코드를 읽으면 나중에 업데이트가 될 수 있는 코드를 예측 가능하다.

var

var는 중복해서 선언(+초기화)가 가능하다. 이 경우, 마지막에 할당된 값이 변수에 저장된다.
초기화 없이 선언만 한 경우엔 선언문 자체가 무시된다.(에러는 발생하지 않음)
기존에 선언해둔 변수의 존재를 까먹고, 값을 재할당하게 되는 등의 실수가 발생하기 쉽다.
var만을 이용해서는 변수의 보호가 어렵고 코드 파악이 힘들다.
요즘에는 잘 쓰이지 않는다.

잊지 말 것

variable의 이름은 공백이 있어서는 안된다. 만약 있다는 표현을 하려면 대문자를 이용할 것! ex) HelloFriend --> camelcase

정리

const를 사용하여 variable 값을 변화시킬 수 없다.

좋은 웹페이지 즐겨찾기