모던 자바스크립트 Deep Dive #6. 데이터 타입

epiphany·2024년 1월 15일
post-thumbnail

6.1. 숫자 타입

자바스크립트는 하나의 숫자 타입만 존재한다.
모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다.
정수로 표시된다 해도 사실은 실수라는 것을 의미하며, 정수로 표시되는 수끼리 나누더라도 실수가 나올 수 있다.

console.log(1 === 1.0);  // true
console.log(3 / 2);  // 1.5
  • Infinity: 양의 무한대
  • -Infinity: 음의 무한대
  • NaN: 산술 연산 불가(not-a-number)

6.2 문자열 타입

  • 텍스트 데이터를 나타낼 때 사용

6.3 템플릿 리터럴

템플릿 리터럴은 멀티라인 문자열, 표현식 삽입, 대그드 템플릿 등 편리한 문자열 처리 기능을 제공한다.
백틱(``)을 사용해 표현한다.

var template = `Template literal`;
console.log(template);  // Template literal

템플릿 리터럴 내에서는 줄바꿈이 허용된다.
표현식 삽입을 통해 간단히 문자열을 삽입할 수 있다.

var first = 'Ung-mo';
var last = 'Lee';

console.log(`My name is ${first} ${last}.`);

6.4 불리언 타입

  • 논리적 참, 거짓을 나타내는 true, false

6.5 undefined 타입

개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값
변수에 값이 없다는 것을 명시하고 싶을 때는 null을 할당한다.

6.6 null 타입

null은 의도적 부재를 명시할 때 사용한다.

6.7 심벌 타입

변경 불가능한 원시 타입의 값
심벌 값은 다른 값과 중복되지 않는 유일무이한 값으로 주로 이름이 충돌할 위험이 없는 개체의 유일한 프로퍼티 키를 만들기 위해 사용한다.

프로퍼티 키: JavaScript 객체에서 속성을 식별하는 데 사용되는 키
프로퍼티 키는 객체의 속성을 식별하는 데 사용되므로, 객체의 구조를 결정짓고 해당 속성들에 접근하는 데 중요한 역할을 한다.

// 심벌 값 생성
 var key = Symbol('key');
console.log(typeof key); // symbol

// 객체 생성
var obj = {};

//이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다.
obj[key] = 'value';
console.log(obj[key]);  // value

6.9 데이터 타입의 필요성

  1. 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해

    • 데이터 타입이 필요한 이유는 몇 바이트의 메모리 공간을 사용해야 낭비와 손실 없이 값을 저장할 수 있는지 알 수 있다.
  2. 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해

    - 값을 참조하려면 한 번에 읽어 들여야 할 메모리 공간의 크기, 즉 메모리 셀의 개수(바이트 수)를 알아야 한다. 

    숫자 타입의 변수의 경우, 저장되어 있는 값이 숫자 타입이므로 8바이트 단위로 읽어 들이지 않으면 값이 훼손된다.

  1. 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해

    • 메모리에 저장된 값 0100 0001을 숫자로 해석하면 65이지만 문자로 해석하면 'A'다. 데이터 타입에 맞게 해석이 필요하다.

6.10 데이터 타입

  • 정적 타입(static/strong type) 언어: 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언해야 한다. (명시적 타입 선언)
    • 컴파일 시점에 타입 체크를 수행하며, 안정적인코드의 구현을 통해 런타임에 발생하는 에러를 줄인다.
    • ex) C, C++, 자바, 코틀린, 코, 러스트 등
  • 동적 타입(dynamic/weak type) 언어
    • 자바스크립트의 변수는 선언이 아닌 할당에 의해 타입이 결정(타입 추론)된다.
    • 동적 타이핑의 특징을 가진다.
      • 동적 타이핑: 재할당에 의해 변수의 타입은 언제든지 동적으로 변할수 있는 특징
    • ex) 자바스크립트, 파이썬, PHP, 루비 등

동적 타입 언어의 구조적 단점

  • 변수 값은 언제든지 변경될 수 있기 때문에 변수 값을 추적하기 어려울 수 있다.
  • 값의 변경에 의해 타입도 언제든지 변경될 수 있다.
  • 자바스크립트 엔진에 의해 암묵적으로 타입이 자동으로 변환되기도 한다.

-> 동적 타입 언어는 유연성은 높지만 신뢰성을 떨어진다.

변수를 사용할 때 주의 사항

  • 변수는 꼭필요한 경우에 한해 제한적으로 사용(필요한 만큼 최소한으로)
  • 변수의 유효 범위(스코프)는 최대한 좁게 만들어 변수의 부작용 억제
  • 전역 변수는 최대한 사용하지 않도록 -> 처리 흐름을 추적하기 어려우며, 오류 발생시 원인 특정이 어렵게 만듬
  • 변수보다는 상수를 사용해 값의 변경을 억제
  • 변수 이름은 변수의 복적이나 의미를 파악할 수 있도록 네이밍, 존재 이유를 파악할 수 있는 적절한 이름(첫아이 이름을 짓듯이 심사숙고...)

가독성이 좋은 코드가 좋은 코드다.

profile
iamda.tistory.com 이사 중

0개의 댓글