Variables (변수)

Var 변수이름 = 값;

기본형태이며, var 뒤에는 무조건 띄워쓰기, 등호 앞 뒤 띄워쓰기는 필수는 아니지만 보기 좋도록 띄워두는게 좋다.

직업 이름과 같은 역할을 하는 것을 변수(variables)라 하고, 김개발, 개발자 와 같은 값은 값 (value) 라고 한다.

var name = "김개발";
var job = "frontend developer";

name 과 job은 변수, 김개발과 frontend developer는 값

변수 이름 주의 점

1. 같은 변수 이름을 중복해서 사용 불가
2. 대소문자 구분
3. 첫문자는 글자나 밑줄(_) 이나 달러기호 ($)
4. 두번째 문자는 글자, 밑줄, 달러, 숫자 자유롭게
5. 변수 이름, 함수 이름은 camelCase 방식으로

camelCase vs. snake_case

camelCase

낙타처럼 울퉁불퉁하고 단어가 새로 시작할 때 부터 대문자로 씀

snake_case

변수 이름에 -는 사용불가, _를 씀.

camelCase가 snake_case보다 더 잘 쓰임

cf. 의미가 추측 가능한 변수명

변수명은 매우 중요

링크텍스트

변수명을 지어주는 사이트가 있을 정도

이유는?

1. 다른 개발자, 혹은 먼 훗날의 자기 자신이 이 코드를 더욱 쉽게 이해 가능 ( 가독성 )

2. 커뮤니케이션에 들어갈 리소스를 줄일 수 있어서 개발의 효율성이 높아짐.

변수명을 무슨 의미인지 알 수 없을 경우 판독불가

let, const

Var 키워드는 변수를 선언할 때 사용해왔으나 자바스크립트 버전이 ES5에서 ES6로 올라가서 let const가 새로 생김. 사용법은 같다.

• let 키워드는 변수 값을 나중에 수정 할 수 있다.

• const 키워드는 변수 값을 나중에 수정할 수 없다.

let 변수 수정하기

let 키워드는 변수를 새로 생성 할 때만 사용한다. 값을 수정 할 때는 변수 앞에 let 키워드를 사용하지 않는다

let name = "김개발";

name = "김코딩";

이런식으로 수정

let 변수를 두번 쓴다면?

let name = "김개발";
let name = "김코딩";

이런식으로 두번 쓰게 된다면 name 이라는 변수의 값을 변경 한게 아니라 두 번 생성 한 것이다.

같은 변수이름을 중복 사용하면 안되기 때문에 위와 같이 작성하면 에러가 뜬다.

변수의 선언(declare) vs. 변수 값 할당(assign)

변수의 선언과 할당은 분리 가능

동시에도 가능하지만, 선언만 하고, 값의 할당은 나중에도 할 수 있다.

분리를 하면

let address;
address = "선릉";

이런식으로 다음 줄에 값을 할당하는 것이 가능

let address;
console.log('address : ', address);

address = "선릉";
console.log('address : ', address);

이런 식으로 쓰게 되면 첫번 째 로그 값에는 선릉이 안나오고 두번째에 나온다.

그리고 변수 이름은 중복이 안되지만 값은 얼마든지 중복이 가능하다.