자바스크립트에서 for...in 루프는 객체가 가진 모든 속성(property)을 하나씩 순회하며 반복 작업을 수행할 때 사용하는 반복문입니다. 배열이 아닌 객체의 키(key)를 대상으로 동작하기 때문에, 객체 내부를 탐색하거나 속성 목록을 확인할 때 매우 유용합니다.기본 문법for...in 루프의 기본 문법은 다음과 같습니다.for (변수명 in 객체) { 실행할 문장 또는 코드 블록 }루프가 실행되는 동안 변수에는 객체의 각 속성 이름(키)이 순서대로 할당됩니다. 따라서 코드 블록 안에서는 해당 변수를 통해 현재 순회 중
for 루프는 JavaScript에서 제공하는 반복문 중 가장 간결하고 컴팩트한 형태입니다. 하나의 문장 안에 반복에 필요한 모든 요소를 담을 수 있어, 정해진 횟수만큼 코드를 실행할 때 널리 사용됩니다.for 루프는 다음의 세 가지 핵심 요소로 구성됩니다.1. 루프 초기화(Initialization)카운터 변수를 시작 값으로 설정하는 부분입니다. 초기화 문은 루프가 시작되기 전에 딱 한 번만 실행됩니다.2. 조건 검사(Test Statement)주어진 조건이 참(true)인지 거짓(false)인지 판별하는 부분입니다. 조건이 참이
스프레드 연산자(Spread Operator, ...)는 하나의 표현식을 여러 개의 인수, 배열 요소 또는 변수로 확장할 수 있게 해주는 JavaScript 문법입니다. ES6(ES2015)에서 도입되었으며, 배열과 객체를 더욱 직관적이고 간결하게 다룰 수 있도록 도와줍니다. 스프레드 연산자의 주요 용도 배열 합치기 — concat() 메서드를 대체하는 간결한 문법 함수 호출 시 배열을 개별 인수로 전달 배열 복사 및 병합 객체 복사 및 병합 (ES2018 이후 지원) 예제 코드 다음 예제는 concat() 메서드와 스프레드 연
이중 물결표(~~) 연산자란?자바스크립트에서 이중 물결표(~~)는 비트 NOT 연산자(~)를 두 번 연속으로 적용한 형태로, 이중 NOT 비트 연산자라고도 부릅니다. 첫 번째 ~가 숫자를 32비트 정수로 변환하며 비트를 반전시키고, 두 번째 ~가 다시 비트를 반전시켜 원래 값의 정수 부분만 남기게 됩니다.결과적으로 소수점 이하를 잘라낸 정수를 얻게 되므로, 많은 개발자들이 Math.floor()의 대체재로 사용합니다. 특히 과거에는 비트 연산이 함수 호출보다 처리 속도가 빠르다는 이유 때문에 성능 최적화 목적으로 널리 활용되었습니다
비트 OR 할당 연산자(|=)는 왼쪽 피연산자와 오른쪽 피연산자에 대해 비트 단위 OR 연산을 수행한 뒤, 그 결과를 다시 왼쪽 피연산자에 할당하는 축약형 연산자입니다. 동작 원리 즉, a |= b는 a = a | b와 완전히 동일하게 동작합니다. OR 연산은 두 비트 중 하나라도 1이면 결과가 1이 되고, 둘 다 0일 때만 0을 반환합니다. 1 | 1 → 1 1 | 0 → 1 0 | 1 → 1 0 | 0 → 0 예제 코드 아래 예제를 실행하면 비트 OR 할당 연산자가 실제로 어떻게 동작하는지 확인할 수 있습니다. <htm
비트별 XOR 대입 연산자(^=)란 무엇인가?비트별 XOR 대입 연산자(^=)는 왼쪽 피연산자와 오른쪽 피연산자에 대해 XOR(배타적 논리합) 연산을 수행한 뒤, 그 결과를 왼쪽 피연산자에 다시 할당하는 복합 대입 연산자입니다.즉, a ^= b는 a = a ^ b와 동일하게 동작하며, 코드를 더 간결하게 작성할 수 있도록 도와줍니다.XOR 연산의 기본 원리XOR은 두 비트를 비교하여 서로 다르면 1, 같으면 0을 반환합니다.0 ^ 0 = 00 ^ 1 = 11 ^ 0 = 11 ^ 1 = 0예제다음 코드를 실행하면 비트별 XOR 대입
JavaScript의 new 연산자란?JavaScript에서 new 연산자는 사용자가 정의한 객체 타입(user-defined object type)의 새로운 인스턴스를 생성하는 데 사용되는 키워드입니다. 생성자 함수와 함께 호출되면, new 연산자는 빈 객체를 만들고 해당 객체를 생성자 함수에 바인딩한 후, 최종적으로 완성된 객체를 반환합니다.쉽게 말해, new 연산자는 하나의 설계도(생성자 함수)를 바탕으로 실제로 사용할 수 있는 객체(인스턴스)를 찍어내는 역할을 한다고 이해할 수 있습니다.기본 문법new 연산자의 기본적인 사용
if문은 자바스크립트에서 가장 기본이 되는 제어문으로, 프로그램이 조건에 따라 판단을 내리고 특정 코드를 선택적으로 실행할 수 있도록 해줍니다. 즉, 만약 어떤 조건이 참이라면 이 코드를 실행하라는 논리를 구현하는 핵심 도구입니다.if문 기본 문법기본적인 if문의 문법은 다음과 같습니다.if(expression){ // 표현식(expression)이 true일 때 실행될 문장 }여기서 괄호 안의 자바스크립트 표현식이 먼저 평가됩니다. 평가 결과가 true(참)이면 중괄호 안의 문장들이 실행되고, false(거짓)이면 해당 문
JavaScript에서 if...else 문은 조건에 따라 코드 실행 흐름을 제어하는 대표적인 제어문입니다. 조건식의 결과가 참(true)인지 거짓(false)인지 판단하여, 서로 다른 코드 블록을 실행할 수 있도록 해줍니다.if...else 문 기본 문법if...else 문의 기본 구조는 다음과 같습니다.if (조건식) { // 조건식이 true일 때 실행되는 코드 } else { // 조건식이 false일 때 실행되는 코드 }동작 원리JavaS
if...else if... 문은 기본적인 if...else 문의 확장 형태로, JavaScript에서 여러 개의 조건 중 하나를 선택하여 올바른 판단을 내릴 수 있도록 해줍니다. 조건이 두 개 이상일 때 각 조건을 순서대로 검사하고, 참(true)이 되는 첫 번째 블록의 코드만 실행합니다. 어떤 조건도 만족하지 않으면 마지막 else 블록이 실행됩니다. 기본 문법 if-else-if 문의 기본 구조는 다음과 같습니다. if (표현식 1) { 표현식 1이 참일 때 실행할 코드 } else if (표현식 2) { 표현식
JavaScript에서 switch 문은 하나의 표현식을 평가하고, 그 결과값에 따라 여러 개의 서로 다른 코드 블록 중 하나를 실행하기 위한 제어문입니다. 인터프리터는 표현식의 값을 각 case와 하나씩 비교하며 일치하는 조건을 찾고, 어디에도 해당하지 않으면 default 블록이 실행됩니다.동일한 변수를 여러 값과 반복해서 비교해야 하는 상황이라면, if...else if 문을 여러 번 나열하는 것보다 switch 문을 사용하는 것이 코드의 가독성과 실행 효율 면에서 모두 더 유리합니다.기본 문법switch(expression)
자바스크립트에서 break문은 반복문(loop)을 도중에 종료할 때 사용하는 제어문입니다. break가 실행되는 순간, 해당 반복문을 감싸고 있는 중괄호({ }) 블록을 즉시 빠져나와 반복문 다음에 위치한 코드로 실행 흐름이 이동합니다.조건과 상관없이 특정 상황에서 반복을 강제로 중단해야 할 때 매우 유용하며, for, while, do...while, switch 문 등에서 모두 사용할 수 있습니다.break문 기본 동작 방식break문은 주로 if 조건문과 함께 사용됩니다. 반복 중 특정 조건이 충족되면 break를 만나 반복문
더하기 할당 연산자(+=)란 무엇인가?JavaScript에서 더하기 할당 연산자(+=)는 오른쪽 피연산자의 값을 왼쪽 피연산자에 더한 뒤, 그 결과를 다시 왼쪽 피연산자에 할당하는 복합 할당 연산자입니다. 즉, a += b는 a = a + b와 완전히 동일하게 동작하며, 코드를 더 간결하고 읽기 쉽게 만들어 주는 장점이 있습니다.기본 문법x += y; // x = x + y와 동일한 의미동작 방식 살펴보기다음 예제 코드를 실행하면 더하기 할당 연산자가 실제로 어떻게 작동하는지 직접 확인할 수 있습니다.<html>
JavaScript에서 더하기 연산자(+)는 두 개의 피연산자를 더하는 데 사용되는 가장 기본적인 산술 연산자입니다.주요 특징숫자 연산: 두 피연산자가 모두 숫자일 경우, 수학적인 덧셈 결과를 반환합니다.문자열 연결: 피연산자 중 하나라도 문자열이면, 두 값을 이어 붙이는 문자열 연결(concatenation)로 동작합니다.예제아래 코드를 직접 실행하면 더하기 연산자의 동작을 확인할 수 있습니다.<html> <body> <script> &n
할당 연산자(=)의 기본 개념JavaScript에서 할당 연산자(=)는 오른쪽 피연산자의 값을 왼쪽 피연산자에 대입하는 역할을 합니다. 예를 들어 C = A + B라는 표현식이 있다면, A와 B를 더한 결과값이 변수 C에 저장됩니다.여기서 주의할 점은 수학에서 사용하는 같음과 의미가 다르다는 것입니다. 프로그래밍에서 =는 비교가 아니라 값을 저장하는 동작을 나타냅니다.사용 예제아래 코드를 실행하면 할당 연산자의 동작을 직접 확인할 수 있습니다.<html> <body> &nbs
비트 AND 연산자(&)는 두 정수 피연산자의 각 비트를 하나씩 비교하여 불리언(Boolean) AND 연산을 수행하는 연산자입니다. 비트 AND 연산의 동작 원리 비트 AND 연산은 양쪽 비트가 모두 1일 때만 결과가 1이 되고, 그 외의 경우에는 0이 됩니다. 진리표로 정리하면 다음과 같습니다. 비트 A비트 BA & B 000 010 100 111 예제 코드 아래 코드를 실행하면 비트 AND 연산자(&)가 실제로 어떻게 동작하는지 확인할 수 있습니다. <html>
왼쪽 시프트 연산자(<<)는 첫 번째 피연산자의 모든 비트를 두 번째 피연산자가 지정한 자릿수만큼 왼쪽으로 이동시키는 비트 연산자입니다. 이동 후 새롭게 생긴 오른쪽 빈자리는 모두 0으로 채워집니다.왼쪽 시프트 연산자의 핵심 특징왼쪽 시프트는 사실상 2의 거듭제곱 곱셈과 같은 결과를 냅니다.1비트 왼쪽 이동 → 값이 2배가 됨2비트 왼쪽 이동 → 값이 4배가 됨3비트 왼쪽 이동 → 값이 8배가 됨예를 들어 숫자 2(2진수 10)를 3비트 왼쪽으로 이동하면 2진수 10000, 즉 십진수 16이 됩니다. 이는 2 × 2³ =
JavaScript 비트 NOT 연산자(~)란?비트 NOT 연산자(~)는 단항 연산자(unary operator)입니다. 하나의 피연산자만을 대상으로 하며, 해당 값의 모든 비트를 반전시키는 방식으로 동작합니다. 즉, 0인 비트는 1로, 1인 비트는 0으로 뒤집습니다.수식으로 표현하면 다음과 같은 관계가 성립합니다.~x = -(x + 1)예를 들어 숫자 3의 32비트 이진 표현은 ...00000011입니다. 모든 비트를 반전하면 ...11111100이 되고, 이는 2의 보수(twos complement) 표현에서 -4에 해당합니다.
JavaScript의 비트 OR 연산자(|)는 두 정수 피연산자의 각 비트를 하나씩 비교하여 불리언(Boolean) OR 연산을 수행합니다. 비교하는 두 비트 중 하나라도 1이면 결과 비트는 1이 되고, 두 비트가 모두 0일 때만 0을 반환합니다.비트 OR 연산의 기본 규칙0 | 0 → 00 | 1 → 11 | 0 → 11 | 1 → 1예제아래 코드를 실행하면 비트 OR 연산자(|)가 실제로 어떻게 동작하는지 확인할 수 있습니다.<html> <body> &nbs
비트 오른쪽 시프트 연산자(>>)는 왼쪽 피연산자의 값을 오른쪽 피연산자가 지정한 비트 수만큼 오른쪽으로 이동시키는 연산자입니다. 오른쪽 끝에서 밀려나간 비트는 버려지며, 왼쪽에 생긴 빈자리는 양수일 경우 0으로 채워집니다. 동작 원리 예를 들어 숫자 2는 이진수로 10입니다. 이 값을 3비트만큼 오른쪽으로 밀면 유효한 비트가 모두 잘려나가 0이 됩니다. 즉, 2 >> 3의 결과는 0입니다. 일반적으로 x >> n은 x를 2의 n제곱으로 나눈 몫과 같다는 점을 기억하면 이해하기 쉽습니다. 예제 코드