변수(Variables)

물건을 보관했다가 필요할 때 다시 꺼내 사용하는 일종의 창고입니다.

• 데이터를 저장하는 장소 or 데이터를 읽고 쓰게 할 수 있는 장소입니다.

변수의 생성과 값 할당

var name = "리오넬 메시";

• var : variable의 약어로써, 변수 선언을 의미하는 키워드입니다.

  • 키워드(keyword) : 이미 특정한 목적으로 만들어져 있는 자바스크립트 요소입니다.
  • var 외에 let, const가 있습니다.

• 리오넬 메시는 name이라는 변수에 할당된 값입니다.

변수 이름

• 변수 이름은 원하는대로 정할 수 있지만 몇 가지 주의할 점이 있습니다.

  • 한 파일에서 같은 변수 이름을 중복해서 사용할 수 없습니다.
  • 대소문자 구문 - 변수이름, 함수이름, 연산자 모두 대소문자를 구분합니다. 따라서 myName과 MyName은 다른 변수입니다.
  • 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($)중 하나 입니다.
  • 두 번째 문자 부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있습니다.
  • 변수이름, 함수이름 등 camelCase(카멜케이스) 방식으로 사용합니다.

camelCase

• 변수(이름)의 생김새가 낙타 등처럼 울퉁불퉁하게 생겼습니다. 🐪
• 단어가 새로 시작할 때부터 대문자로 쓰면 됩니다.
  📍 example
  • firstSecond
  • myProfileImg
  • toDoListArray

snake_case

• 카멜 케이스와 달리 변수의 생김해가 뱀처럼 생겼습니다. 🐍
• 변수이름에 - 는 사용할 수 없으므로, _ 를 사용한 것입니다. 하지만 잘 사용하지는 않습니다!
  📍 example
  • first_second
  • my_profile_img
  • to_do_list_array

✔️ 변수명 짓기의 중요성

• 다른 개발자, 혹은 먼 훗날의 자기 자신이 이 코드를 더욱 쉽게 이해할 수 있습니다. (코드의 가독성)
• 커뮤니케이션에 들어갈 리소스를 줄일 수 있어 개발의 효율이 높아지게 됩니다.

그러므로 변수명을 지을 때는 모호하지 않고, 변수명 만으로도 의미가 추측 가능할 수 있도록 노력해야 합니다. @변수명 사이트

var, let, const

• JavaScript 의 변수 선언은 var 키워드를 통해서만 가능했는데, 버전이 올라가면서(ES5 to ES6) let과 const라는 키워드가 새롭게 생겼습니다.

let name = "wecode";
const birthday = 19910223;

• let : 키워드를 사용하면 변수 값을 수정할 수 있습니다.
• const 키워드를 사용한 변수 값은 수정할 수가 없습니다.

변수 값 수정

let 키워드를 사용한 변수의 값을 수정

• 값을 수정할 때는 변수 앞에 let 키워드를 사용하지 않습니다.

(이미 선언해둔) 변수명 = 새로운 값;

let name = "리오넬 메시";
name = "요한 크루이프";