위코드 사전스터디 과정 중 JavaScript의 변수에 대해서 정리해본다

변수(variable)

변수란?

• 변수란 데이터를 담을 수 있는 대상을 의미한다
• 변수는 let, const, var라는 키워드를 사용하여 선언할 수 있다
• 변수를 사용하여 여러가지 형태의 데이터를 저장할 수 있다

변수의 선언과 할당

• let이라는 키워드를 사용하여 ourName 변수를 선언하고, 그 값으로 "wecode" 라는 문자열 타입의 값을 할당해보자

let ourName = "wecode";

• 숫자타입의 값도 할당할 수 있다. myNumber라는 변수를 선언하고, 100이라는 값을 담아보자.

let myNumber = 100;

• ourName, myNumber과 같은 변수를 선언하고 값을 할당해주었다는 의미는 더이상 "wecode"와 100을 사용하지 않고 변수를 사용한다는 의미이다

✨ 변수의 선언과 할당은 2단계로 나눌 수 있다

• 선언(declare) : let ourName
• 할당(assign) : ourName = "wecode";
  • 할당 = 대입, 저장
• 그런데, 자바스크립트에서는 2단계를 합쳐서 표현한다!(let ourName = "wecode";)

변수와 console.log()

• 값을 할당한 변수를 console.log()로 출력해보자

let myNumber = 100;
console.log(myNumber); // 100

let ourName = "wecode";
console.log(ourName) // wecode

변수와 대입연산자

• 자바스크립트에서는 변수를 사용하여 특정한 값(데이터)을 저장할 수 있다

let myVariable = 5;
let myVar = 5;
let myNum = myVar;

• 위에서 알 수 있듯이 변수(variable)에 값을 할당할 때 대입연산자(=)를 사용한다
• 대입연산자는 말 그대로 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입하는 역할을 한다.

변수 이름 정하기

• 변수 이름은 원하는대로 정할 수 있지만 몇 가지 규칙이 있다

대소문자 구분

• 변수이름, 함수이름, 연산자 모두 대소문자를 구분한다. myName과 MyName은 다른 변수이다

첫 번째 문자

• 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($)중 하나여야 한다
  (두 번째 문자부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있다)

네이밍 방식

✨ camelCase

• 변수이름, 함수이름 등 자바스크립트에서는 camelCase(카멜케이스) 방식의 작성을 많이 한다
• 예시

let someVariable; 
let anotherVariableName; 
let thisVariableNameIsSoLong;

✨ snake_case

• 예시

let first_second;
let my_profile_img;
let to_do_list_array;