22/06/29 학습내용 정리

변수(variable)

변수(variable)는 데이터 컨테이너다.
컨테이너에는 데이터(값)을 저장할 수 있다.
그리고 이 컨테이너에는 각각 이름표가 달려있다.

우리가 일상생활에서
'의류' 라고 써있는 상자에는 옷들을 넣고,
'주방용품' 이라고 써있는 상자에는 조리도구를 넣어서 집안물건들을 분류해 정리하는 모습을 상상하면 쉽다.

즉, 변수는 데이터(값)을 저장하는 가상공간이다.

변수를 생성하는 키워드는 let

let name;

name = 'mincheol';  // mincheol이란 문자열 저장

변수를 선언하고 값을 할당하던가,

let name = 'mincheol';

위의 방식처럼 변수의 선언과 값 할당을 한 줄에 하는 것도 가능하다.

let name = 'mincheol', age = 26, message = 'Hi';

한 줄에 여러 변수를 선언하는 것도 가능하지만, 이러면 가독성이 떨어진다.

let name = 'mincheol',
    age = 26,
    message = 'Hi';

이렇게 하니 훨씬 보기에 깔끔하다.

var vs let

var 키워드도 let과 거의 동일하게 작용하는 변수 선언 키워드이다.
하지만 var는 오래된 방식으로 현재는 특정 상황이 아니면 거의 쓰지 않는다.

변수에 할당된 데이터는 얼마든지 바뀔 수 있다.

데이터의 타입 또한 변경 가능하다.

let message = 'Hi';

message = 'Hello';

message = 8282;

하지만 변수를 두 번 선언하면 에러가 발생한다.

변수는 한 번만 선언해야 한다.
같은 변수를 두 번 이상 선언하면 에러가 발생한다

let message = 'Hey!';

let message = 'Yes, you!';  // 중복 선언으로 오류

변수 명명 규칙

1. 문자, 숫자, 기호, $, _만 사용 가능하다.
2. 첫 글자에는 숫자가 올 수 없다.

let 1aa;  // 첫 글자가 숫자라 불가능

let my-list;  // -(하이픈)은 변수명으로 사용 불가

여러 단어를 조합하여 변수명을 지을 땐 카멜 표기법(camelCase)를 사용한다.
카멜 표기법은 첫 단어를 제외한 각 단어의 첫 글자를 대문자로 작성하는 것이다.

예시) myFriendList

자바스크립트는 대문자와 소문자를 구별한다.

name과 NaMe은 서로 다른 변수다.

예약어(reserved name) 목록에 있는 단어는 변수명으로 사용할 수 없다.

예약어 예시: let, class, function, return

let let = 123;  // let은 예약어라 사용 불가
let function = `hi!`;  // function은 예약어라 사용 불가

상수(constant)

앞으로 절대 변화할 일이 없을 변수를 선언할 때는 let 대신 const를 사용한다.

const myName = 'Mincheol';

이처럼 const로 선언한 변수를 '상수(constant)'라고 부른다.

변수에 할당되는 데이터가 절대 변경되지 않을 것이라면 let 대신 const를 써서 다른 개발자들에게 "이건 고정값이에요!" 라고 알리자.

대문자 상수

상수의 이름을 지을 때 쓰는 방식에는 대문자로 짓는 방식과,
일반적인 방식(카멜 표기법) 두 가지가 있다.

코드가 실행되기 전에 상수의 값을 알고 있다면 대문자로,
런타임 이후 값이 정해진다면 카멜 표기법으로 쓰면 된다.

const BIRTHDAY = '20.07.1997';  // 내가 태어난 날은 절대 변하지 않는다

변수명을 잘 짓는 법

변수명은 간결하고 명확해야 한다.
단, 서술적으로 작성해야한다.

예시)
user x, newUser o
list x, currentRemainList o

변수명만 봐도 코드 작성자가 초보인지 숙련자인지 알 수 있다.