JavaScript의 yield 키워드란?JavaScript에서 yield 키워드는 제너레이터(generator) 함수의 실행을 일시 중지하거나 다시 재개하는 데 사용되는 특수한 키워드입니다. yield 표현식의 값은 제너레이터 함수를 호출한 쪽(caller)에 반환됩니다.일반적인 함수와 달리, 제너레이터 함수는 yield를 만날 때마다 실행을 멈추고 값을 반환합니다. 이후 next() 메서드가 호출되면 중단되었던 지점부터 실행을 이어갑니다.yield 사용 예제function* displayRank() { var selPlaye
웹 페이지에 표현식을 삽입했을 때 원치 않는 부작용이 발생한다면, 자바스크립트의 void 연산자를 사용해 이를 제거할 수 있습니다. 링크에 javascript:void(0)를 추가하면 undefined라는 원시 값(primitive value)이 반환됩니다.void 연산자란?void 연산자는 주어진 표현식을 평가(evaluate)한 뒤, 항상 undefined를 반환하는 역할을 합니다. 즉, void(0)처럼 작성하면 숫자 0을 평가한 후 그 결과와 무관하게 undefined 원시 값을 얻게 됩니다.이러한 특성 때문에 void(0)
자바스크립트 변수의 특징 자바스크립트(JavaScript)가 변수를 다루는 방식은 C, C++, Java 등 다른 프로그래밍 언어와 크게 다릅니다. 자바스크립트는 동적 타입(dynamic typing) 언어로, 변수를 선언할 때 데이터 타입을 미리 지정하지 않으며 값이 할당되는 순간 타입이 결정됩니다. 자바스크립트에서 변수는 하나의 이름이 붙은 컨테이너(named container)로 생각할 수 있습니다. 컨테이너 안에 데이터를 담아두면, 이후에는 그 이름만으로 저장된 데이터를 간편하게 참조할 수 있습니다. 변수 선언 방법 자바스
JavaScript 변수 선언의 기본JavaScript에서는 var 키워드 뒤에 변수 이름을 붙여 변수를 정의합니다. 프로그램 내에서 변수를 사용하기 전에는 반드시 해당 변수를 먼저 선언해야 하며, 선언은 다음과 같이 var 키워드를 사용해 수행합니다.var rank;데이터 타입은 따로 지정할 필요가 없다JavaScript는 C++나 Java와 같은 강타입(strongly typed) 언어와 달리, 변수를 선언할 때 데이터 타입을 명시하지 않아도 됩니다. 변수에 어떤 값이 저장되느냐에 따라 자료형이 자동으로 결정되기 때문입니다.변수
JavaScript 산술 연산자란?JavaScript는 숫자 데이터를 처리하기 위해 다양한 산술 연산자(arithmetic operators)를 제공합니다. 산술 연산자는 덧셈, 뺄셈 같은 기본 수학 계산부터 값의 증가·감소까지 프로그래밍에서 가장 기본이 되는 도구입니다.변수 A에 10, 변수 B에 20이 저장되어 있다고 가정하고 각 연산자의 동작을 살펴보겠습니다.JavaScript의 주요 산술 연산자번호연산자 및 설명1+ (덧셈)두 피연산자를 더합니다.예: A + B → 30※ 숫자뿐만 아니라 문자열을 연결할 때도 사용됩니다.2-
자바스크립트 비교 연산자란?자바스크립트에서 비교 연산자(comparison operator)는 두 값을 서로 비교한 결과를 참(true) 또는 거짓(false)으로 반환하는 연산자입니다. 주로 조건문(if 문)이나 반복문에서 특정 조건을 판단할 때 필수적으로 사용됩니다.이해를 돕기 위해 변수 A에는 10, 변수 B에는 20이 저장되어 있다고 가정하고, 자바스크립트에서 지원하는 대표적인 비교 연산자들을 하나씩 살펴보겠습니다.주요 비교 연산자의 종류와 설명번호연산자 및 설명1== (동등 연산자)두 피연산자의 값이 같은지 검사합니다. 값
동적 타이핑(Dynamically Typed) 언어란?동적 타이핑 언어는 타입(type)이 런타임 값에 연결되는 프로그래밍 언어를 말합니다. 코드를 작성할 때 변수의 타입을 일일이 지정할 필요가 없으며, 이름 그대로 변수의 타입이 동적입니다. 즉, 한 번 특정 타입의 값을 할당한 변수라도 나중에 다른 타입의 값으로 자유롭게 변경할 수 있습니다.예를 들어 어떤 변수에 처음에는 숫자를 담았다가, 이후에 문자열을 담아도 오류가 발생하지 않습니다. 이러한 유연성 덕분에 개발 속도가 빨라지고 코드가 간결해지는 장점이 있습니다.대표적인 동적
JavaScript에서 var로 선언된 변수 자체에는 고정된 타입이 없습니다. 대신 변수에 저장되는 값이 각각의 타입을 가지며, 같은 변수에 새로운 값을 언제든지 다시 할당할 수 있습니다. 값을 재할당하면 해당 변수가 담고 있는 데이터의 타입도 함께 바뀌게 됩니다.예를 들어 하나의 변수에 불리언(Boolean), 숫자(Number), 문자열(String)을 순서대로 할당하면, typeof 연산자를 통해 매번 다른 타입이 출력되는 것을 확인할 수 있습니다.예제<!DOCTYPE html> <html> &
루프에서 동적 변수 이름 만들기자바스크립트에서는 var, let 키워드로 문자열을 조합해 새로운 변수를 직접 선언할 수 없습니다. 대신 현재 스코프(scope)의 객체에 속성(property)을 동적으로 추가하면 원하는 효과를 얻을 수 있습니다.전역 스코프나 일반 함수 스코프에서는 this가 현재 실행 컨텍스트를 가리키므로, 이를 활용해 다음과 같이 작성할 수 있습니다.동적 속성 생성 예제for (var i = 0; i < coords.length; ++i) { this[marker +
자바스크립트에서 논리 연산자(Logical Operators)는 두 개 이상의 조건을 결합하거나 조건의 참·거짓을 반전시킬 때 사용하는 핵심 연산자입니다. 주로 if문과 같은 조건문에서 복잡한 판단 로직을 구현할 때 활용됩니다.변수 A에 10, 변수 B에 20이 저장되어 있다고 가정했을 때, 자바스크립트가 지원하는 논리 연산자는 다음과 같습니다.자바스크립트 논리 연산자 종류번호연산자 및 설명1&& (논리 AND)두 피연산자가 모두 참(true)일 때만 전체 조건이 참이 됩니다.예: (A && B) → t
JavaScript는 대표적인 비타입(untyped) 언어, 흔히 말하는 동적 타입(dynamic typing) 언어입니다. 이것이 의미하는 바는, JavaScript의 변수는 선언 시점에 특정 데이터 타입에 고정되지 않고 어떤 종류의 값이든 담을 수 있다는 것입니다.C, C++, Java 같은 정적 타입 언어에서는 int, char, float처럼 변수를 선언할 때 반드시 데이터 타입을 명시해야 합니다. 하지만 JavaScript에는 그런 규칙이 없습니다. 숫자든 문자열이든 불리언이든, 하나의 변수가 실행 중에 서로 다른 타입의
JavaScript에서 문자열의 모든 항목을 바꾸는 방법JavaScript에서 문자열 내 특정 단어나 구문을 다른 값으로 교체하려면 replace() 메서드를 사용합니다. 기본적으로 replace()는 첫 번째로 일치하는 항목만 바꾸기 때문에, 문자열의 모든 항목을 한 번에 교체하려면 정규 표현식과 g(전역) 플래그를 함께 사용해야 합니다.replace() 메서드와 g 플래그 사용 예제아래 예제는 문장 안에 있는 loves라는 단어를 모두 likes로 변경하는 코드입니다.<html> <
변수(variable)는 이름이 붙여진 컨테이너라고 생각할 수 있습니다. 이 컨테이너 안에 데이터를 담아두면, 컨테이너의 이름만으로 언제든 해당 데이터를 참조하고 사용할 수 있습니다.JavaScript 변수 이름을 지정할 때 지켜야 할 규칙JavaScript에서 변수 이름을 정할 때는 아래 세 가지 기본 규칙을 반드시 염두에 두어야 합니다.1. 예약어(Reserved Keywords)는 사용할 수 없습니다JavaScript가 이미 사용 중인 예약 키워드는 변수 이름으로 쓸 수 없습니다. 예를 들어 break, boolean 같은 단
JavaScript 변수 명명 규칙이란?JavaScript에서 변수를 선언하고 이름을 지을 때는 반드시 지켜야 할 몇 가지 규칙이 있습니다. 이러한 명명 규칙(naming conventions)을 따르면 코드의 가독성이 높아지고, 예기치 않은 오류를 예방할 수 있습니다. 아래에서 JavaScript 변수 이름 작성 시 반드시 기억해야 할 핵심 규칙들을 살펴보겠습니다.1. 예약어(Reserved Keywords)는 사용할 수 없습니다JavaScript가 이미 사용 중인 예약어는 변수 이름으로 사용하면 안 됩니다. 예를 들어 break
JavaScript 예약어란 무엇인가?예약어(Reserved Words)는 JavaScript 언어 내부에서 이미 특정한 문법적 기능과 의미를 가지도록 지정된 단어를 말합니다. 따라서 예약어는 변수명, 함수명, 메서드명, 반복문 레이블(loop label), 객체 이름 등 어떤 식별자(identifier)로도 사용할 수 없습니다.예를 들어 var if = 10;처럼 예약어인 if를 변수 이름으로 사용하면 문법 오류(Syntax Error)가 발생합니다. 이는 인터프리터가 코드를 해석하는 과정에서 일반 식별자와 핵심 문법 요소를 혼동
자바스크립트에서 var null과 같이 변수를 선언하면 브라우저가 오류를 발생시킵니다. 그 이유는 null이 예약어(reserved word)로 지정되어 있어 식별자(변수 이름)로 사용할 수 없기 때문입니다. ECMAScript 사양에서는 다음과 같은 리터럴 값을 식별자로 사용하는 것이 금지되어 있습니다. null true false undefined란? undefined는 값이 정의되지 않은 상태를 나타내는 프로퍼티입니다. 즉, 아직 값이 할당되지 않아 알 수 없는 상태를 의미하며, 예약어가 아니기 때문에 변수 이름으로 선언해도
미래 예약어(Future Reserved Words)란? 자바스크립트에서 class는 미래 예약어(future reserved words)에 포함되어 있습니다. 이 단어들은 당시 제안되었던 언어 확장 기능에서 키워드로 사용될 예정이었기 때문에, 향후 해당 확장 기능이 채택될 가능성에 대비하여 미리 예약해 둔 것입니다. class enum extends super const export import 위 목록은 ECMAScript 사양(ECMAScript Specification)에 공식적으로 정의되어 있습니다. ECMAScript 6
JavaScript에서 const란 무엇인가? const는 JavaScript에서 읽기 전용(read-only) 참조를 생성하는 선언 키워드입니다. const로 선언된 변수의 값은 재할당할 수 없으며, 같은 이름으로 다시 선언하는 것도 불가능합니다. 또한 const는 함수 스코프(function scope)가 아닌 블록 스코프(block scope)를 가지므로, 중괄호 {}로 묶인 블록 내에서만 유효한 지역 변수를 선언할 수 있습니다. const의 기본 동작 원리 예를 들어 상수 변수 a를 선언했다고 가정해 보겠습니다. 한 번 값
NaN은 JavaScript에서 Not-a-Number, 즉 숫자가 아닌 값을 나타내는 전역 속성입니다. 어떤 연산 결과가 유효한 숫자가 아닐 때 반환되는 특수한 값으로, 이는 해당 값이 정상적인 숫자가 아니라는 것을 의미합니다.예를 들어 0/0처럼 수학적으로 정의되지 않는 연산이나, parseInt(abc)처럼 문자열을 숫자로 변환하는 데 실패한 경우 NaN이 반환됩니다.문법(Syntax)NaN의 기본 문법은 다음과 같습니다.Number.NaNNaN 확인 방법어떤 값이 NaN인지 판별하려면 Number.isNaN() 메서드 또는
JavaScript에서 변수가 NaN인지 확인하는 방법NaN은 Not-a-Number(숫자가 아님)를 나타내는 자바스크립트의 특수한 값입니다. 주로 유효하지 않은 숫자 연산이나 실패한 형 변환의 결과로 반환됩니다. 어떤 값이 NaN인지 확인하려면 Number.isNaN() 또는 전역 함수 isNaN()을 사용하면 됩니다.isNaN()과 Number.isNaN()의 차이점isNaN(): 검사 전에 값을 숫자로 강제 변환합니다. 따라서 빈 문자열()이나 false처럼 숫자로 변환 가능한 값도 false를 반환합니다.Number.isNa