javaScript. (1) 변수와 자료형

💡 자바스크립트

 

- 창시자 : 브렌던 아이크

- 절차형, 객체지향형, 함수형 언어를 모두 아우를 수 있다.

- 인터넷 브라우저만을 통해 구현 가능. (F12 개발자도구 - console)

 

---

 

1. 변수 (variable)

 

const dateChecker = function() {    // 변수1. 함수(함수 선언/코드 저장)
    let date = new Date();	    // 변수2. value(날짜값 저장)
    alert(date);
}
dateChecker();

 

이전에는 var으로 변수를 선언하는 방법밖에 없었지만,

ECMAscript 6(이하 ES2015) 이후로 const와 let이 등장하면서

이제는 var을 거의 사용하지 않게 되었다.

 

 

📌 변수(variable)란?

변수란, '변하는 수' 를 의미한다. = 데이터가 변하는 것.

 

프로그래밍에서 모든 정보는 다 데이터(Data)라고 한다.

유저의 정보, 포스트, 댓글 등 모든 요소를 데이터라고 하는데,

이러한 데이터를 처리하기 위해서는 데이터를 저장하는 공간이 있어야 한다. 

데이터를 저장하는 공간은 메모리(Memory)에 마련된다. 

 

>> 데이터를 저장하는 공간 = 변수.

 

 

 

데이터에는 여러 종류가 있고, 프로그래밍 언어마다 종류가 다르다.

자바스크립트에서는 아래와 같은 데이터들이 존재한다.

let a = '';
let b = 0;
let c = false;  
let d = null;
let e = undefined;
let f = [];
let g = {};
let h = function()

문자열(String)	' ' 또는 " "
숫자(Number)	0, 3.28, -999 등
불린(Boolean)	true / false
Null	null
Undefined	undefined
배열(Array)	[ ] 배열의 인자는 , 로 구분
객체(Object)	{ } 객체의 각 속성은 , 로 구분
함수(Function)	함수표현식. const 변수명 = function() {}

 

우선 하나의 예를 살펴보자.

 

var name = 'yjin';

var은 잘 사용하지는 않지만, 우선 살펴보면

var name 은 자바스크립트 엔진에게 '데이터 저장공간을 만들고, 이름은 name으로 하라'고 명령하는 것.

=> 이것을 변수를 선언한다고 표현.

 

그리고 var name = 'yjin';으로 name이란 저장공간에 'yjin'을 대입한다.

=는 대입연산자(Assign)를 의미.

 

또한, 이렇게 변수를 선언하자마자 값을 대입하는 것을 초기화 한다고 표현한다.

 

 

 

+) 문장의 끝에는 ;(세미콜론)으로 끝난다. >> 문장이 끝났음을 알리는 프로그래밍 기호이다.

 

** cf> 같다(Equal)를 의미하는 것은 프로그래밍에서는 == 이다.

 

 

__

 

 

📙 핵심 단어

• 선언
• 대입
• 초기화

__

 

 

 

❗❗ 변수 이름 규칙

 

- 변수의 이름을 정할 때는 보통은 영어 대소문자와 $, _ 만 사용한다.

- 보통은 아무 의미없는 변수명보다는 구체적인 이름을 주로 사용한다.

 

- 변수 이름에는 띄어쓰기가 들어갈 수 없기 때문에 자바스크립트에서는 camelCase 방식을 사용한다.

>> 예)  userFirstName, evenNumberWithoutZeroAndMinus 등. 

 

- 변수명이 숫자로 시작해서는 안된다.

- 예약어를 사용해선 안된다.

 for, while, do, if, catch, try, finally, else, import, export, default, break, continue, case, switch, class, function, var, let, const 등.

>> 해석기에서 에러를 발생시킨다.

 

 

---

 

2. 자료형

 

📌 자료형(Data Type)

- 자료의 종류.

- 자바스크립트에서는 var, const, let이 존재.

- 문자를 대입하면 문자 데이터가 되고, 숫자를 넣으면 숫자 데이터가 됨.

 

 

 

1/ 문자열 (String)

- 큰따옴표 " " 나 작은따옴표 ' ' 중에 하나만 사용해야 함. ( " ' 와 같이 혼합 기재는 ❌)

- 만약 ' 나 " 를 출력하려면?

// 방법 1 - 서로다른 따옴표로 감쌈
const string = "'string'";

// 방법 2 - Escape문자 (\) 사용
const string = '\'string\'';

\를 붙이는 행위를 이스케이핑(Escaping)이라고 한다.

 

 

2/ 숫자 (Number)

- 다른 언어처럼 int, short, long, double 등의 구분이 없다.

- 정수형(integer)이든 실수형(float)이든 상관 없이 숫자를 대입하면 된다.

 

3/ 불린 (Boolean)

 

- 'true'가 아니고 true이다. (따옴표 ❌)

- cf> Python에서는 True와 False이지만, js에서는 true, false로 소문자로 적는다.

 

4/ Undefined, Null

 

- Undefined는 변수는 만들었는데 아무값도 대입하지 않았을 때, 자동으로 undefined가 됨.

- Null은 빈 값(empty)를 변수에 의도적으로 넣는 것.

>> 보통 기존의 값을 지울 때 사용함.

 

* 객체와 배열은 중요한 내용이니 다음 장에서 이어서 설명함.

 

 

 

---

REFERENCE

https://www.zerocho.com/category/JavaScript/post/57271d6e5aec14515b949b4b

(JavaScript) 자바스크립트 변수(Variable), 자료형

이 포스팅은 zerocho님의 javascript 강의와 책을 보고 작성한 글입니다.

공부+기록 용으로 작성한 것이며, 자세한 것은 위 포스팅을 참고하세요!