[JAVASCRIPT.INFO/Series #4]자바스크립트 변수와 상수 & 자료형 (data type)

 

 

변수

변수는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'입니다. 

자바스크립트에서는 let 키워드를 사용해 변수를 생성합니다.

 

 

예를 들어,

#1은 'message'라는 이름을 가진 변수를 생성(선언)합니다.

#2는 연산자 '='를 사용해, 'Hello'를 변수에 데이터를 저장합니다. (변수명을 이용해 문자열에 접근이 가능해짐)

#3은 저장된 변수 값을 보여줍니다.

 

 

let message; // #1
message = 'Hello';  // #2
alert(message);  // #3

 

 

 

 

 

 

위에서 보여준 코드 예시를 그림으로 나타내면 아래와 같이 나타낼 수 있습니다.

message라는 변수에 'Hello!'라는 데이터 값을 넣어주었습니다.

 

 

 

 

 

 

하지만, 아래 코드 예시는 #3이 추가되었네요.

이것은 무엇을 의미할까요?

 

 

let message; // #1
message = 'Hello';  // #2
message = 'world';  // #3
alert(message);  // #4

 

 

 

값이 변경됐다는 것이죠?

값이 변경되면, 이전 데이터는 변수에서 제거됩니다.

 

 

 

 

 

변수 명명 규칙

자바스크립트 변수 명명 시 두 가지 규칙이 있습니다.

1. 변수명에는 오직 문자와 숫자, 기호 '$', 기호 '_'만 들어갈 수 있습니다.

2. 첫 글자는 숫자가 될 수 없습니다.

 

 

---

 

 

상수

변화하지 않는 변수를 선언할 땐, let 대신 const를 사용합니다.

const로 선언한 변수를 상수라고 부릅니다. 

상수는 재할당할 수 없으므로 상수를 변경하려고 하면 에러가 발생합니다.

 

기억하기 힘든 값을 변수에 할당해 별칭으로 사용하는 것은 널리 사용되는 관습입니다. 

이런 상수는 대문자와 밑줄이 들어갑니다.

 

const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";

 

 

 

자료형

자바스크립트에서 값은 문자열이나 숫자형 같은 특정 자료형에 속합니다.

자바스크립트에선 8가지 기본 자료형이 있습니다.

 

자바스크립트 변수는 자료형에 관계없이 모든 데이터일 수 있습니다. (데이터 형에 상관없이 변수는 어떤 데이터를 담을 수 있다)

이런 언어를 '동적 타입(dynamically typed)' 언어라고 부릅니다.

 

 

 

숫자형

자바스크립트에서 숫자형은 정수 및 부동소수점 숫자를 나타냅니다. 

정확히는  double-precision 64-bit floating point format (IEEE 754)입니다. (MDN에서 확인해보세요)

 

숫자형과 관련된 연산에는 *, /, +, -이 대표적이며, Infinity, -Infinity, NaN 같은 특수 숫자 값도 포함됩니다.

*NaN: 계산중에 에러가 발생했다는 것을 나타내는 것

 

 

 

 

문자형

자바스크립트에선 문자열을 따옴표로 묶습니다. 

따옴표에는 큰따옴표, 작은따옴표, 역 따옴표가 있습니다. 

큰따옴표, 작은따옴표는 기본적이고 차이가 없습니다.

역 따옴표는 템플릿 리터럴로 사용할 수 있습니다.

 

 

 

불린형

true와 false 두 가지 값만 있는 자료형입니다.

 

 

 

null 값

어떤 자료형에도 속하지 않는 값

자바스크립트에서 null은 존재하지 않는 값, 비어있는 값, 알 수 없는 값을 나타냅니다.

 

 

 

undefined 값

undefined는 값이 할당되지 않은 상태를 나타냅니다.

 

 

 

객체와 심볼

객체형은 특수한 자료형입니다.

이전까지 소개한 타입들은 한 가지만 표현할 수 있기 때문에 원시자료형이라고 부릅니다.

객체는 데이터 컬렉션이나 복잡한 개체를 표현할 수 있습니다.

심볼형은 객체의 고유한 식별자를 만들 때 사용합니다.

 

 

 

 

 

출처: 

JAVASCRIPT.INFO | https://ko.javascript.info/alert-prompt-confirm

JAVASCRIPT.INFO | https://ko.javascript.info/variables