22.02.13 면접 Q & A

📌  자바스크립트의 자료형[data type]이 필요한 이유 말해보기

 

모든 언어가 다 그렇지만, 원하는 값을 메모리에 저장하고 읽고, 사용하게 된다.
메모리에 값을 저장하기 위해선 저장되는 데이터의 크기를 알아야한다.
저장하기 위한 공간을 확보해야하기 때문이다.
데이터의 크기를 알 수 있게 하는 지표가 데이터 타입이다. -> 그래서 데이터 타입이 중요하다.

 

📌  자바스크립트의 자료형[data type]에 대해 말해보기

자바스크립트의 모든 값은 데이터 타입을 갖는다.

 

1. 숫자 타입 [number]  |  모든 수를 64비트 실수 처리.
2. 문자열 타입 [string]  |  16비트 유니코드 문자로 표현.
3. 불리언 타입 [boolean]  |  True / False
4. undefined 타입 [undefined]  |  자바스크립트 엔진이 변수를 초기화할 때 사용하는 값.
5. null 타입 [null]  |  변수에 값이 없음을 의도적으로 명시할 때 사용.
6. 심벌 타입 [symbol]  |  다른 값과 중복되지 않는 유일무이한 값을 생성할 때 사용.
7. 객체 타입 [object]  |  객체와 배열 등 원시 타입을 제외한 나머지 타입 전부에 해당됨.

 

7개의 데이터 타입은 원시 타입과 객체 타입으로 분류할 수 있다.

 

✔ 원시 타입 : 1, 2, 3, 4, 5, 6 [primitive type]

✔ 객체 타입 : 7 [object/reference type]

 

 

1. number 타입

 

자바스크립트는 모-든 수를 '실수'로 처리한다. (정수로 표시된다 해도 사실은 실수를 의미함.  ex. 9 === 9.0)

정수, 실수, 2진수, 8진수, 16진수 리터럴 모두 배정밀도 64비트 부동소수점 형식의 2진수로 메모리에 저장된다.

 

• Double-precision_floating-point_format (FP64)

IEEE 754 표준에 따른 방식으로 컴퓨터가 '실수'를 표현하는 하나의 방법이다.

 

번외
• Infinity : 양의 무한대 ex. 10 / 0
• -Infinity : 음의 무한대 ex. 10 / -0
• NaN : Not a Number ex. 10 / 'string'

 

 

2. string 타입

 

16비트 유니코드 문자(UTF-16)의 집합으로 전 세계 대부분의 문자를 표현할 수 있다.

 

번외 `template literal`
• multi-line string : 이스케이프 시퀀스를 사용하지 않고도 개행(줄바꿈) 가능
• expression interpolation : `${string}` -> ${ } 표현식을 통해 문자열 삽입 가능
• tagged template : 문자열, 함수로 파싱 가능

 

• 이스케이프 시퀀스의 개행 문자 비교 : Line Feed(LF : ∖n) 와 Carriage Return(CR : ∖r)

두 개행 문자 모두 과거 타자기에서 커서를 제어하는 방식에서 비롯됌.

∖n : 커서를 정지한 상태에서 종이를 한 줄 올림

∖r : 종이를 움직이지 않은 상태에서 커서를 맨 앞줄로 이동시킴

 

영화에서 드르륵 탁 하면서 종이와 커서가 움직이던 장면이 떠올랐다.

 

즉, 타자기에서는 줄바꿈을 위해 라인 피드와 캐리지 리턴을 모두 사용했음. (CRLF : ∖r∖n)

자바스크립트에서는 ∖r와 ∖n 모두 개행을 의미하지만, 일반적으로 ∖n를 사용해 개행한다.

 

• tagged template 사용법

 

const name = 'lee';
const age = '25';

function myTag(strings, nameExp, ageExp) {
  const str0 = strings[0];
  const str1 = strings[1];
  
  let ageStr;
  if(ageExp > 99){
    ageStr = 'centenarian';
  } else {
    ageStr = 'youngster';
  }
  
  return str0 + nameExp + str1 + ageStr; 
  // 함수 내에서도 template literal을 반환할 수 있다 .. 오
}

 

tagged template 는 실제 코드에서는 한번도 사용해본적이 없어 제일 생소했다. 하지만 그만큼 신기함도 배 !

 

 

3. boolean 타입

 

True | False

 

 

4. undefined 타입

 

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

자바스크립트의 경우, 변수를 선언하면 암묵적으로 정의가 이뤄지기 때문에 선언과 정의의 경계가 모호하다.

 

• 선언 : 컴파일러에게 단순히 식별자의 존재만 알림

• 정의 : 컴파일러가 실제로 변수를 생성하고 메모리 주소와 연결함

 

참고 > 변수에 값이 없음을 명시하고 싶을 땐 null을 할당하는 게 좋다.

 

 

5. null 타입

 

변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다. (의도적 부재 intentional absence)

변수에 null을 할당한다 = 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다

= 자바스크립트 엔진은 이 값 (누구도 참조하지 않는 메모리 공간이기 때문에) 에 대해 가비지 콜렉션을 수행한다

 

변수에 null 값을 할당하면 이전 값을 더 이상 참조하지 않는다는 뜻이어서

카카오 Map API 쓸 때 생성된 마커를 지울 때 setMap(null) 메서드를 썼던거였구나 ... 와 !!!

필요없는 메모리는 가비지 컬렉터로 바로바로 삭제 ... 👍🏻👍🏻

 

 

6. symbol 타입

 

ES6에 추가된 7번째 타입. 다른 값과 중복되지 않는 유일무이한 값이다.

주로 '객체의 유일한 프로퍼티 키'를 만들기 위해 사용된다.

 

심벌은 함수를 호출해 생성한다는 특징이 있다. (1,2,3,4,5는 해당 데이터 타입의 리터럴을 통해 생성함)

생성된 심벌값은 외부에 노출되지 않으며, 다른 값과는 절대! 중복되지 않는다.

 

 

7. object 타입

 

1,2,3,4,5,6 (원시 타입) 의 데이터 타입을 제외한 모든 것은 객체 타입이다 😉

 

 

📍  과거 학습 내용 복습

 

프로젝트가 끝난 뒤에 학습한 내용을 복습하니까 또 보이는 게 다르고 .. 너무 신기하다

 

2021.07.20 - [Front-end/JS] - 자바스크립트 데이터 타입 Data Type

자바스크립트 데이터 타입 Data Type