4장. 변수

Jun_Gyu·2024년 2월 26일
1

한 발자국 더, JS

목록 보기
4/5
post-thumbnail

1. 변수란❓

프로그래밍 언어에서 데이터를 관리하기위한 핵심 개념으로.
하나의 값을 저장하기 위해 확보한
① 메모리 공간 자체 또는,
② 그 메모리 공간을 식별하기 위해 붙여준 이름을 이야기한다.

간단히 말하자면,
변수는 프로그래밍 언어에서 하나의 값을 저장하기 위한 매커니즘으로,
데이터 보관함의 역할을 수행한다.


✨ 추가설명

메모리 주소를 통해 값에 직접적으로 접근하는것은 치명적인 오류를 발생시킬 가능성이 매우 높음.
혹여나 OS에서 사용중인 값을 변경하게 되면 시스템 자체가 멈춰버리는 등의 심각한 상황을 초래할 수 있기에, JS는 개발자의 직접적인 메모리 제어를 허용하지 않음.

특징

  • 배열 또는 객체와 같은 자료구조를 활용하면
    연관된 여러 값들을 그룹화하여 하나의 변수명으로 관리할 수 있다.
  • 잘 지어진 변수명은 코드의 가독성을 높이는 부수적인 효과도 가져오며, 이는 협업과 품질 향상에 도움을 주기도 한다.


2. 식별자란❓

어떤 값을 구별해서 식별할 수 있는 고유한 이름을 이야기함.
변수명도 식별자라고 이야기할 수 있다.

식별자라는 용어는 변수명 뿐만 아니라, 함수명, 클래스명 등의 이름들도 모두 식별자라고 할 수 있다.

변수명으로 메모리에 존재하는 변수값을 식별할 수 있고,
함수명으로는 메모리에 존재하는 함수를 식별할 수 있다. (JS에서 함수는 값이다!)

즉, 메모리상에 존재하는 어떤 값을 식별할 수 있는 이름은 모두 식별자라고 할 수 있다.


특징

  • 네이밍 규칙을 준수해야 함.
  • 선언(declaration)에 의해 자바스크립트 엔진에 식별자의 존재를 알린다.
  • 식별자는 값이 아닌 메모리 주소를 기억하고 있다.
  • 식별자는 값이 저장되어있는 메모리 주소와 매핑관계를 맺으며, 이 매핑 정보도 메모리에 저장되어야 한다.


3. 키워드란❓

자바스크립트 엔진이 수행할 동작을 규정한 일종의 명령어.

✨ 추가설명

키워드를 통해 선언된 변수 선언에 의해 확보된 메모리 공간은 비어있는것이 아니라,
JS 엔진에 의해 암묵적으로 undefined*라는 값이 할당되게 된다.
undefined : JS에서 제공하는 원시타입값중 하나.

특징

  • 식별자가 let, const, function등의 키워드들을 만나면, 자신이 수행해야 할 동작을 수행하게 된다.


4. 변수 이름은 어디에 등록되는가❓

실행 컨텍스트에 등록됨.

실행 컨텍스트 특징

  • JS 엔진이 소스코드를 평가하고 실행하기 위해 필요한 환경을 제공.
  • 코드 실행 결과를 관리하는 영역.
  • JS 엔진은 실행 컨텍스트를 통해 스코프와 식별자를 관리함.
  • 변수명과 변수값은 실행 컨텍스트에 객체(object)타입으로 등록되어 관리됨.


5. 변수 초기화를 진행하는 이유❓

초기화를 진행하지 않을 시,
확보된 메모리 공간에 남아있는 이전 애플리케이션이 사용했던 값(garbage value)으로 인해
예상치 못한 결과를 초래할 수 있기 때문.

✨ 추가설명

var 키워드 변수는 암묵적으로 undefined를 초기값으로 할당하기에 이러한 위험으로부터 안전하다는 특징이 있음.


6. ReferenceError란❓

JS 엔진이 등록된 식별자를 찾을 수 없을 때 발생하는 참조 에러.
Uncaught ReferenceError: (식별자명) is not defined

변수뿐만 아니라, 모든 식별자(함수, 클래스 등)에서 발생할 수 있음.



7. 호이스팅과 변수 값 할당은 언제 일어날까❓

호이스팅은 런타임(runtime) 이전에 실행 컨텍스트의 소스코드 평가 과정에서 모든 선언문을 찾아내 먼저 실행한다.
ⓑ 이후, 인터프리터에 의해서 코드가 한줄씩 순차적으로 실행될 때, 변수에 값을 할당하는 코드가 실행되면서 해당 변수에 값이 할당되게 된다.

호이스팅을 마치 선언문이 코드의 선두로 끌어올려진 것 처럼 동작한다고 이야기하는 이유이다.



8. 가비지 콜렉터란❓

애플리케이션이 할단한 메모리 공간을 주기적으로 검사하여, 더 이상 사용되지 않는 메모리를 자동으로 해제하는 기능.

특징

  • JS는 가비지 콜렉터를 내장한 매니지드 언어로써, 이를 통해 메모리 누수를 방지한다.
  • 하지만, 쓰레기 값(garbage value)은 언제 메모리에서 해제될지 예측할 수 없다.


9. 매니지드 언어 vs 언매니지드 언어❓

두가지를 나누는 기준은 메모리 관리방식의 차이로 볼 수 있다.

매니지드 언어

  • 언어 차원에서 메모리 주도권을 가지고 있어, 일정한 생산성을 확보할 수 있음.
  • 다만, 개발자가 메모리 제어를 할 수 없기에 성능 면에서 어느정도의 손실을 감수해야 함.

언매니지드 언어

  • 개발자가 메모리 주도권을 가지고 있어 최적의 성능을 확보할 수 있음.
  • 다만, 개발자의 역량에 따라 치명적인 오류를 발생시킬 가능성이 존재함.


예상질문

Q. 메모리를 개발자가 직접 관리하면 좋지 않은점?

A. 메모리 제어권을 개발자가 가지게 되면, 개발자의 역량에 따라서 가비지콜렉터와 같이 언어차원에서 메모리를 관리하는 매니지드 언어에 비해 더 높은 퍼포먼스를 기대할 수 있습니다. 하지만 OS와 같이 중요한 데이터를 관리하는 메모리에도 접근할 수 있는 여지가 있기에 치명적인 오류를 범할 가능성이 존재하기도 합니다.


Q. 변수에 여러 개의 값을 저장할 수 있는지? 있다면 어떻게? 없다면 어떤식으로 대체되는지?

A. 변수에는 하나의 값만을 저장하는 것을 원칙적으로 합니다. 여러개의 값을 저장한다면, 그만큼의 변수들을 선언해주어야 합니다. 만약 하나의 변수에 참조할 수 있는 여러가지의 데이터들을 할당하고 싶다면, key-value 형식의 '객체', 또는 연속된 값을 저장할 수 있는 '배열'과 같은 자료구조를 활용하여 하나의 변수에 참조할 수 있는 여러가지의 값을 할당하는 방법도 있습니다.


Q. 매니지드 언어와 언매니지드 언어의 차이점을 말씀해주세요.

A. 두가지는 메모리 관리 방식의 차이로 나뉠 수 있습니다. 매니지드 언어와 같은 경우에는 언어 차원에서 메모리 주도권을 가지고 있어 일정한 생산성을 보장받을 수 있다는 특징이 있습니다. 그리고 언매니지드 언어와 같은 경우, 개발자에게 메모리 주도권이 있기 때문에 매니지드 언어에 비해 최적의 성능을 확보할 수 있다는 특징이 있습니다.


Q. var로 변수를 선언할 때 선언 단계에 대해 설명해주세요.

A. 선언 단계는 변수명이 실행 컨텍스트의 변수 객체(Variable Object)에 등록되는 단계를 말합니다. JavaScript에서 var로 변수를 선언하면 선언 단계에서 해당 변수가 실행 컨텍스트에 등록되고, 변수명과 매핑된 메모리 공간이 할당됩니다.


Q. 자바스크립트 참조의 과정에 대해 설명해보세요.

A. 사용자가 식별자를 통해 참조를 시도하게 되면 JavaScript 엔진은 해당 식별자를 통해 매핑된 메모리 주소를 찾게 되고, 해당 메모리에 저장된 값을 참조값으로 반환하게 됩니다.


Q. 호이스팅은 무엇이며, 변수값의 할당은 각각 언제 일어나는지?

A. 호이스팅이란, 소스코드 검증 과정에서 실행 컨텍스트에 의해 선언문이 해당 스코프 내에서 맨 위로 끌어올려져 우선적으로 실행되는 것을 이야기합니다. var 키워드를 통해 변수명과 메모리주소가 매핑된 선언 단계가 일어난 이후, 초기화 단계에서 해당 변수에 undefined라는 값을 초기화하게 됩니다.


Q. 재할당을 하게 되면 이전의 값이 어떻게 되는지에 대해 아는대로 설명해주세요.

A. 값이 존재하는 변수에 재할당을 하게되면 변수가 메모리 내의 다른 공간에 새롭게 할당된 값으로 매핑됩니다. 이전에 할당된 값은 쓰레기 값 (garbage value)로 분류되며, JavaScript의 경우 가비지콜렉터를 사용하는 매니지드 언어로, 가비지콜렉터를 통해 자동으로 메모리가 해제되게 됩니다. 단, 메모리의 해제 시점은 불확실하다는 특징이 있습니다.


Q. var 키워드로 변수 선언 전에 콘솔 로그를 찍으면 reference error가 아닌 undefined 가 반환되는 이유를 설명해보세요.

A. var 키워드로 변수를 선언하게 되면, 런타임 이전의 소스코드 검증 단계에서 실행 컨텍스트에 의해 선언문이 해당 스코프 범위 내의 최상단으로 끌어올려지는 호이스팅이 발생하게 됩니다. 호이스팅으로 인해 변수의 선언이 선언 단계에서 우선적으로 이루어지게 되고, 이후 초기화 단계에서 undefined라는 값이 해당 변수와 매핑된 메모리에 초기값으로 할당되게 됩니다. 이후 런타임 단계에서 console.log가 실행되는데, 이때 이미 선언된 undefined라는 값이 해당 변수에 존재하기 때문에 reference error가 아닌 undefined 가 반환되게 됩니다.


Q. 변수 초기화를 왜 진행해야하는지 말씀해주세요.

A. 변수 초기화를 진행하지 않으면 해당 변수에 이전에 메모리에 저장된 값이 그대로 남아있을 수 있습니다. 이로인해 예상치 못한 결과를 초래할 수 있기 때문에 변수를 초기화함으로써 의도하지 않은 값의 참조를 방지할 수 있습니다. 또한 변수를 초기화해줌으로써 코드의 가독성과 명확성을 높일 수 있는 부수적인 효과 또한 기대할 수 있습니다.

profile
시작은 미약하지만, 그 끝은 창대하리라

0개의 댓글