JavaScript - 2

단셰·2022년 10월 3일
0

Front-End (Basic Study)

목록 보기
7/16

02. 변수

변수상수는, 특정 이름에 특정 값을 담을 때 사용한다.

예를 들어, value 라는 이름에 1 이라는 값을 넣는다고 가정해보자.

다음과 같이 입력.

let value = 1;

이제 value 를 조회하면 value 는 1을 가리키게 된다.

예를 들어서 우리가 이전에 배웠던 console.log 를 통하여 value 값을 출력하도록 해보자.

let value = 1;
console.log(value);

위와 같이 입력하면, 1이라는 값이 나타남.

특정 이름에 특정 값을 설정하는 것. 우리는 이것을 선언 이라고 부른다.

값을 선언 할 때에는 두가지 종류가 있는데, 하나는 변수이고, 하나는 상수.

변수

변수 : 바뀔 수 있는 값

한번 값을 선언하고 나서 바꿀 수 있음.

let value = 1;
console.log(value);
value = 2;
console.log(value);

변수를 선언 할 때에는 let 이라는 키워드를 사용한다.

주의!! 한번 선언했으면 같은 이름으로 선언하지 못한다.

아래 이런 코드는 오류가 발생함.

let value = 1;
let value = 2;

단, 다른 블록 범위 내에서는 똑같은 이름으로 사용이 가능하긴 함.

상수

상수 : 한번 선언하고 값이 바뀌지 않는 값 (즉, 값이 고정적)

상수를 선언 할 때에는 다음과 같이 선언한다.

const a = 1;

이렇게, 상수를 선언 할 때에는 const 키워드를 사용한다.

상수를 선언하고 나면, 값을 바꿀 수 없음.

const a = 1;
a = 2;

위의 코드를 한번 입력해보면 ,

"Error: "a" is read-only" 라는 오류가 발생한다. 이는 한번 상수로 선언했으면 값을 바꿀 수 없음을 의미한다.

상수를 선언할 때에도 마찬가지로 한번 선언했으면 같은 이름으로 선언 할 수 없음.

const a = 1;
const a = 2;

var, 이제는 더 이상 사용하면 안된다 !!

변수를 선언하는 또 다른 방법으로, var 이라는 키워드가 있는데, 모던 자바스크립트에서는 더 이상 사용하지 않는다.

var a = 1;

var 이 let 과 다른 주요 차이점으로는, 똑같은 이름으로 여러번 선언 할 수도 있다.

추가적으로, var 과 let 은 사용할 수 있는 범위가 다르다. (이정도까지만 알아두기)

데이터 타입

변수나 상수를 선언하게 될 때, 숫자 외에도 다른 값들을 선언 할 수 있다.

숫자 (Number)

그냥 바로 값을 대입하면 됨.

let value = 1;

문자열 (String)

그리고, 텍스트 (다른 프로그래밍 언어에서는 “문자열”이라고 부르는 이것 ,,) 형태의 값은 작은 따옴표 혹은 큰 따옴표로 감싸서 선언.

let text = 'hello';
let name = '자바스크립트';
💡 tip. 작은 따옴표와 큰 따옴표 사용에 있어서 큰 차이는 없어서, 둘 중 하나 선택하면 됨. 개인적으로 작은 따옴표를 다수 사용함 ^^

참/거짓 (Boolean)

boolean 은, 참 혹은 거짓 두가지 종류의 값만을 나타낼 수 있음.

let good = true;
let loading = false;

참은 true, 거짓은 false 입니다.

null 과 undefined

자바스크립트에서는 "없음" 을 의미하는 데이터 타입이 두 종류가 있는데, 하나는 null 이고 하나는 undefined 이다.

null“이 값이 존재하지 않는다!” 라고 선언을 할 때 사용한다.

영국 드라마 셜록 중에 "난 친구 같은거 없어" 라는 유명한 대사가 생각남. 화난 오이아저씨 😂

https://i.imgur.com/EckM0uH.png

// 난 친구 없다 를 javascript화 시켜보자
const friend = null;

반면, undefined 는 아직 값이 설정되지 않은 것을 의미한다.

let friend;
console.log(friend);

friend 라는 변수를 선언하긴 했으나 값을 지정하진 않은 상태.

이를 console.log 를 통해 보여주도록 하면 undefined 라는 값이 나온다.

nullundefined의 차이점 ?
null 은 없는 값이라고 고의적으로 정의하는 값
undefined 는 따로 설정을 하지 않았기 때문에 없는 값


profile
Happy Hacking!

0개의 댓글