[JavaScript] 변수와 데이터 타입

| 자바스크립트란?

자바스크립트는 HTML, CSS와 함께 웹페이지를 제작할 때 사용하는 구성요소 중 하나로서 웹 브라우저에서 동작하는 유일한 프로그래밍 언어를 뜻한다.

자바스크립트는 파이썬 프로그래밍 언어와 마찬가지로 인터프리터 언어이기 때문에 아래 사진과 같이 입력에 대한 실행값을 바로 확인할 수 있다.

그림 1-1

또한 자바스크립트는 객체지향 언어이다. 흔히들 알고 있는 파이썬이나 자바와 같은 언어는 상속이나 정보 은닉을 위한 키워드가 제공된다. 하지만 자바스크립트는 상속이나 정보 은닉에 대한 키워드를 제공하지 않는다.

이러한 키워드를 제공하지 않으면 자바스크립트가 객체지향 언어가 맞는지 의문이 들 수도 있다.  하지만 여기에는 이유가 있다. 자바스크립트는 클래스 기반의 객체지향 언어가 아닌 프로토타입 기반의 객체지향 언어이기 때문인데 자바스크립트는 프로토타입 객체를 사용해서 객체간 상속 기능을 제공한다. 프로토타입 객체는 아래 사진과 같이 객체를 생성하면 자동으로 생성된다.

그림 1-2

| 변수

이러한 자바스크립트를 가지고 웹페이지를 개발하기 위해 가장 먼저 알아야하는 것은 변수와 데이터타입이라 생각한다.

어떠한 프로그램이나 웹사이트 또는 어플리케이션을 개발하든 단순하게 생각하면 데이터를 입력받고 요청에 대한 처리를 하고 그 결과값을 출력하는 과정을 가진다. 그리고 변수와 데이터타입은 데이터를 관리하기 위한 가장 기본이자 가장 중요한 개념 중 하나이다.

변수의 개념을 살펴보면 어떤 값을 저장하려면 메모리 공간을 할당 받아야 하는데 이때 할당받은 메모리 공간을 변수라고 부른다.

이러한 변수를 사용하려면 변수 선언을 해줘야하는데 이때 사용되는 키워드가 var, let, const 이렇게 3가지가 있다. 이들은 약간씩 차이점이 있는데 var 키워드는 let, const 이전에 사용되던 키워드로 사용에 있어 제약을 받지 않는다.

어떤 방식으로 사용해도 상관이 없다는 거다. 변수 중복 선언, 값 변경과 같은 기능이 자유롭게 가능하다는 특징이 있다.

또한 var 키워드는 함수 레벨 스코프이기 때문에 의도치 않은 전역 변수가 생성될 가능성이 있다.

이러한 단점을 보안하기 위해 let, const 키워드가 도입되었다. let, const 키워드는 공통적으로 중복 선언이 불가능하며 블록 레벨 스코프이다. 이 둘의 차이점으로는 let 키워드는 값의 변경이 가능하며 const 키워드는 값의 변경이 불가능하다는 점이다.

| 데이터 타입

앞서 변수에 대해 알아보았다. 이러한 변수는 모두 타입을 가지는데 자바스크립트는 ES6를 기준으로 7개의 데이터 타입을 제공한다. 

그림 1-3