[JavaScript] 스코프 핵심 정리: 렉시컬스코프, 정적 스코프

스코프(scope, 유효범위)는 모든 프로그래밍 언어의 기본적이며 중요한 개념입니다.특히 자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 반드시 알아둬야 합니다! 1. 스코프란?스코프는 코딩을 하다보면 언제나 경험할 수 있습니다.예를 들어, 함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수 없습니다.이것은 매개변수를 참조할 수 있는 유효범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문입니다. 이렇듯이 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정됩니다. 이를 스코프라 합니다. ✅ 즉, 스코프는 식별자가 유효한 범위를 말합니다! 이때,..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 3. 6.
• textsms

[JavaScript] 원시 값과 객체의 비교

[JavaScript] 데이터 타입: number, undefined, null 등자바스크립트의 모든 값은 데이터 값을 가지며, ES6은 7개의 데이터 타입을 제공합니다.구분데이터 타입설명원시 타입숫자 타입 number숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재문자kenco.tistory.com 자바스크립트가 제공하는 7가지 데이터 타입(숫자, 문자열, 불리언, null, undefined, 심벌, 객체 타입)은 크게 원시 타입(primitive type)과 객체 타입(object/reference type)으로 구분할 수 있습니다. 데이터 타입을 괜히 이렇게 구분하는 것은 아닙니다.원시 타입과 객체 타입은 크게 세 가지 측면에서 다릅니다. 원시 값은 변경 불가능한 값입니다. 객체 값은 변경 ..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 2. 21.
• textsms

[JavaScript] 객체 리터럴: 자바스크립트 객체 알아보기

자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트에서 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체입니다. 이러한 객체의 구조를 모르면 기본적인 문제를 풀기조차 어렵습니다! 🥹특히 구조분해할당까지 함께 잘 익혀두어야 합니다. [JavaScript] 디스트럭처링 할당(구조 분해 할당)destructuring비구조화 / 구조 파괴 JavaScript로 문제를 풀면서 구조 분해 할당에 대한 이해가 아직 부족한 것 같아, 정리해보았습니다.잘 와닿지 않던 분들도 이번 기회에 정리하시길 바랍니다! 구조kenco.tistory.com 1. 객체란? 📌원시 타입은 단 하나의 값만 나타내지만!객체 타입(object/reference type)은 다양한 타입의 값(원시 값 또는 ..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 2. 18.
• textsms

[JavaScript] 디스트럭처링 할당(구조 분해 할당)

destructuring비구조화 / 구조 파괴 JavaScript로 문제를 풀면서 구조 분해 할당에 대한 이해가 아직 부족한 것 같아, 정리해보았습니다.잘 와닿지 않던 분들도 이번 기회에 정리하시길 바랍니다! 구조 분해 할당(destructuring assignment)는 구조화된 배열과 같은 이터러블 또는 객체를 디스트럭처링 하여 1개 이상의 변수에 개별적으로 할당하는 것을 말합니다. 배열 또는 객체에서 필요한 값만 추출하여 변수에 할당할 때 유용합니다. 1. 배열 디스트럭처링 할당(1) ES5에서의 배열 구조 분해 할당// ES5var arr = [1, 2, 3];var one = arr[0];var two = arr[1];var three = arr[2];console.log(one, tw..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 2. 13.
• textsms

[JavaScript] 데이터 타입: number, undefined, null 등

자바스크립트의 모든 값은 데이터 값을 가지며, ES6은 7개의 데이터 타입을 제공합니다.구분데이터 타입설명원시 타입숫자 타입 number숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재문자열 타입 string문자열불리언 타입 boolean논리적 참(true)과 거짓(false)undefined 타입var 키워드로 선언된 변수에 암묵적으로 할당되는 값null 타입값이 없다는 것을 의도적으로 명시할 때 사용하는 값symbol 타입ES6에서 추가된 7번째 타입객체 타입객체, 함수, 배열 등 자바스크립트의 데이터 타입은 크게 원시 타입과 객체 타입으로 분류됩니다.이에 대해서는 추후 자세히 정리해볼 예정이며,중요한 것은 자바스크립트는 객체 기반의 언어이며, 자바스크립트를 이루고 있는 거의 모든 것이 객체라는..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 2. 4.
• textsms

[JavaScript] ES6 함수의 추가 기능: 함수의 구분, 화살표 함수, Rest 파라미터/ 화살표 함수 정복하기

1. 함수의 구분( ES6 이전 버전에서의 문제점 ) ES6 이전의 모든 함수는 callable이면서 constructor입니다. ES6 이전의 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있습니다. 아래 예제와 같이 ES6 이전의 함수는 동일한 함수라도 다양한 형태로 호출할 수 있습니다.var foo = function () { return 1;};// 일반적인 함수로서 호출foo(); // -> 1// 생성자 함수로서 호출new foo(); // -> foo {}// 메서드로서 호출var obj = { foo: foo };obj.foo(); // -> 1 주의할 것은 ES6 이전에 일반적으로 메서드라고 부르던 객체에 바인딩된 함수도 callable이며 constr..

• format_list_bulleted Study Notes/JavaScript
• · 2025. 2. 3.
• textsms