javascript 변수(variables)

deokyeong1020·2020년 9월 16일
0

Variables(변수)

1. 변수의 사용

컴퓨터는 많은 데이터를 기억하기위하여

변수를 사용한다.

2. 변수의 생성 (선언)

프로그래밍을 하기 위해서는 다양한 값(value)을 다뤄야 하고, 그 값들은 각각의 변수에 저장되어 사용된다.

JavaScript에서 변수를 선언하고 값을 할당하는 방법은 다음과 같습니다.

3. 변수 이름 정하기

위에서 변수의 할당 방법을 배워보았다.

그렇다면 변수의 명은 어떻게 정해야할까?

var myName = "김개발";
var fullName = "김개발";

변수 이름은 원하는대로 정할 수 있지만 몇 가지 주의사항이 존재한다.

  • 한 파일 내에 변수명 중복은 불가!

  • 대소문자 구분 - 변수이름, 함수이름, 연산자 모두 대소문자를 구분합니다.
    따라서 myName과 MyName은 다른 변수입니다.

  • 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($)중 하나 입니다.

  • 두 번째 문자 부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있습니다.

  • 변수이름, 함수이름 등 camelCase(카멜케이스) 방식으로 쓸 것.


cf. camelCase vs. snake_case

1) camelCase

카멜케이스란 낙타 등처럼 울퉁불퉁하다는 소리입니다.
단어가 새로 시작할 때부터 대문자로 쓰면 됩니다.

example)

  • firstSecond

  • myProfileImg

  • toDoListArray


2) snake_case

카멜케이스 말고 snakecase 표현도 있습니다.
변수이름에 -는 사용할 수 없으므로,
를 사용한 것입니다. 하지만 잘 사용하지는 않습니다!

example)

  • first_second

  • my_profile_img

  • to_do_list_array


cf. 의미가 추측 가능한 변수명
어떤 개발자들은 직접 로직을 구현하는 시간보다 변수명을 고르는데 시간과 노력을 더욱 많이 들인다고 말하기도 합니다. 변수명을 지어주는 사이트가 있을 정도 입니다. (https://www.curioustore.com/#!/)

변수명 짓기는 왜 중요한 걸까요?

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

따라서 변수명을 지을 때는 모호하지 않고, 변수명 만으로도 의미가 추측 가능할 수 있도록 노력해야 합니다.

4. let, const

앞서 변수를 소개하면서 변수 앞에 var 키워드를 사용한다고 말씀 드렸습니다.

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

사용법은 var와 같습니다.

대신 let 키워드를 사용하면 변수 값을 수정할 수 있고,
const 키워드를 사용한 변수는 수정할 수가 없습니다.

let을 쓸지, const를 쓸지는 개발자가 상황에 맞게 정하면 됩니다.

변수에 값을 할당하고 영원히 수정할 일이 없으면 const를 사용하고,
변수 값이 한 번이라도 수정될 예정이라면 let을 쓰면 됩니다.

❗️앞으로 var의 사용은 지양하도록 하자

5. 변수 값 수정

변수에는 값을 저장할 수 있습니다. 수정 또한 물론 가능합니다.

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

let 키워드는 변수를 새로 생성할 때만 사용되기 때문입니다.

한마디로 재선언을 하지 말자는 뜻이다.

다음과 같은 방법으로 변수명에 새로운 값을 할당할 수 있습니다.

cf. 변수의 생성 vs. 변수의 수정

let 키워드의 역할은 "변수"를 생성하는 것입니다.

만약 아래와 같이 코딩한다면, name이라는 변수의 값을 변경한 것이 아니라 name이라는 변수를 두 번 생성한 것입니다.
let name = “ㅁ”;
let name = “ㅇ”;

같은 변수 이름을 중복해서 쓰면 안 됩니다.

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

변수의 선언과 할당은 분리될 수도 있습니다. 즉, 선언과 할당을 위 예제들처럼 동시에 할 수도 있지만,
선언만 하고 값의 할당은 그 후에 할 수도 있다는 뜻입니다.

아래는 변수의 선언과 할당을 분리한 예시입니다.

let address;
address = "선릉";

profile
일일 개발 기록 블로그

0개의 댓글