[JS] 변수

변수

-데이터에 이름을 붙인것.
- 데이터 보관함은 메모리이다.

보관함의 크기는 동일
각보관함의 이름=변수
이름을 통해 데이터 사용(재활용)

<변수의 선언과 할당>

1.보관함 확보 (선언)
변수를 선언할 때는 let 키워드를 사용합니다. let 키워드 뒤에 선언하고자 하는 변수명을 입력합니다.

- 특정 데이터를 컴퓨터가 기억할 수 있도록 메모리 공간을 확보하고 그 메모리 공간에 이름을 부여하는 것을 변수 선언이라고 한다.

let 변수명

     let name;

2. 보관함에 데이터 저장 (여기서 =는 같다는 의미가 아니고 데이터를 저장했다는 의미이다)
선언된 변수에 값을 할당할 때는 할당 연산자(=)를 사용합니다.
     name = 'kimcoing';
3. 변수의 선언과 값의 할당을 동시에 할 수 있습니다.
     let name = 'kimcoding';

 

#구구단
console.log(3 * 1);
console.log(3 * 2);
console.log(3 * 3);
console.log(3 * 4);

4단으로 바꿀경우
-> let num; // 변수선언
num = 4; // 값의 할당
console.log(num * 1);
console.log(num * 2);
console.log(num * 3);
console.log(num * 4);

# 할당값에는 모든 타입의 값이 가능하다.
let string = '원주율';
let number = 3.141592;
let boolean = true;
let array = [1, 'two', false];

let empty = null;

let notDefined = undefined;

# 변수에 아무것도 할당하지 않으면 undefined가 자동으로 할당된다.( 초기화라는 의미이다.)  
    let variable;
     console.log(variable) // undefined

 

#null

-비어있는 상태를 의도적으로 명시할때

#값의 재할당: let키워드로 선언한 변수에 새로운값을 할당
->let name = 'kimcoding';
console.log(name) // 'kimcoding'
name = 'parkhacker';
console.log(name) // 'parkhacker'

#재할당이 불가능한 변수(상수): let 키워드가 아닌 const 키워드 사용하면된다.
->const name = 'kimcoding';
console.log(name) // 'kimcoding'
name = 'parkhacker'; // Uncaught TypeError: Assignment to constant variable.

#var키워드: 되도록 사용을 지양. let, const같은 변수선언키워드이다.

#네이밍규칙
-식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있다.
-숫자로 시작하는 것은 허용하지 않는다
-예약어는 식별자로 사용할 수 없다
예약어: 프로그래밍 언어에서 사용되고 있거나 사용될 예정인 단어
ex) let, const, true, false, 등...
-변수명은 변수의 존재 목적을 이해할수 있도록 의미를 명확히 표현해야 한다.
ex) x,y 이런건 안된다.

#네이밍 컨벤션

-변수명, 함수명, 클래스명(식별자)
javascript에서는 일반적으로 카멜케이스(camelCase)를 사용
카멜케이스(camelCase): 첫단어의 첫 문자는 소문자, 그 이후에 연결되는 단어의 첫 문자는 대문자로 작성. 일반적으로사용
     let firstName;
스네이크 케이스(snake_case): 단어와 단어 사이에 언더스코어(_)를 사용
     let first_name;
파스칼 케이스(PascalCase): 단어의 시작을 대문자로 작성
     let FirstName;

<변수 활용하기>

#변수를 활용한 연산
     let number = 10;
     console.log(number + 2); // 12
     console.log(number - 5); // 5
     console.log(number * 3); // 30
     console.log(number / 2); // 5
     console.log(number % 3); // 1
     console.log(number); // 10

재할당 이용
     let number = 10;
     number = number + 2;
     console.log(number); // 12


#삼각형의 너비구하기
삼각형의 너비 = 밑변 *높이 /2
     let base = 10;
     let height = 5;
     console.log((base*height) / 2);

#템플릿 리터럴
값을 큰 따옴표, 작은 따옴표, 백틱으로 값을 감싸면 문자열(string)타입이 된다.
백틱을 사용하는 방법을 템플릿 리터럴이라고 한다. 
문자열 내부에 변수 삽입할수 있는 기능이 매우 유용하게 사용!!!
${}를 사용하여 변수를 삽입할수 있다. 이때, 문자열이 할당되지 않은 변수도 문자열로 취급된다.

가독성적으로도 우수.

     let course = 'SEB FE';
     let cohort = 99;
     let name = 'moong';
     console.log(course + cohort + name); // SEB FE99moong
     console.log(`${course} ${cohort} ${name}`); // SEB FE 99 moong