funfunweb

datatype - BigInt , Symbol

🔑 BigInt - 아주 큰 정수를 다루기 위한 타입 📌 소개BigInt는 일반 숫자(Number)가 표현할 수 있는 범위를 넘는 아주 큰 정수를 다룰 수 있게 해줍니다.일반 Number는 약 ±253 (약 9천조) 까지만 정확히 표현할 수 있어요.BigInt는 이보다 훨씬 큰 숫자를 정확하게 저장하고 연산할 수 있습니다.✅ 사용 예시const regularNumber = 9007199254740991; // Number.MAX_SAFE_INTEGERconst bigNumber = 9007199254740991n + 1n;console.log(bigNumber); // 출력: 9007199254740992nconsole.log(typeof bigNumber); // 출력: "..

자바스크립트의 다양한 데이터 타입 반환

숫자 반환:function getNumber() { return 42;}console.log(typeof getNumber()); // 출력: "number"객체 반환:function getUser() { return { name: "Alice" };}console.log(typeof getUser()); // 출력: "object"boolean 반환:function isActive() { return true;}console.log(typeof isActive()); // 출력: "boolean"배열(array)반환:function getArray() { return [1, 2, 3];}console.log(getArray()); // 출력: [1, 2, 3]console.log..

data type - undefined

자바스크립트에서 undefined는 값이 정의되지 않은 상태를 나타내는 기본 제공 데이터 타입입니다. 일반적으로 변수는 선언되었지만 초기화되지 않았을 때 undefined 값을 가집니다. ✅ 1. 변수 선언만 하고 값을 할당하지 않은 경우let a;console.log(a); // 출력: undefinedlet a;console.log(a); // 출력: undefinedconsole.log(typeof a); // 출력: "undefined"변수 a는 선언만 되었고, 값이 할당되지 않았기 때문에 undefined입니다. ✅ 2. 존재하지 않는 객체 속성에 접근할 때const person = { name: "John" };console.log(person.age); // 출..

null, undefined 차이점

1. undefined란?**"값이 할당되지 않은 상태"**를 나타냅니다.변수가 선언만 되고 초기화되지 않은 상태일 때 기본값으로 자동 할당됩니다.함수에서 명시적으로 값을 반환하지 않으면 undefined를 반환합니다.객체에 존재하지 않는 프로퍼티를 접근할 때도 undefined가 나옵니다.예시let a;console.log(a); // undefined (값이 할당되지 않음)function foo() {}console.log(foo()); // undefined (반환값 없음)const obj = {};console.log(obj.prop); // undefined (존재하지 않는 속성) 2. null이란?"값이 없음"을 명시적으로 나타내는 특수한 값입니다.개발자가 변..

null , array 의 data type 이 object 인 이유

1. typeof null → "object"인 이유 (역사적 버그)배경자바스크립트가 처음 만들어질 때, 값들은 메모리 내에서 특정 비트 패턴으로 저장됩니다.null 값은 내부적으로 null 포인터를 의미하는 값으로 저장됐고,typeof 연산자는 메모리에서 **값의 타입 태그(type tag)**를 검사하는데,초기 구현에서 null의 타입 태그가 객체(object)로 인식되어 버렸습니다.그래서…typeof null이 "object"로 나오는 것은 자바스크립트 엔진의 오래된 설계 결함입니다.이 문제는 표준이 된 이후로도 수정되지 않았기 때문에 여전히 존재합니다.대부분의 개발자들이 이를 알고 있으므로, null 타입 체크할 때는 별도로 확인합니다.올바른 null 체크 방법 let value = null;co..

+ 연산자의 역할

기본 개념자바스크립트에서 + 연산자는 숫자 덧셈뿐 아니라,하나라도 문자열이 있으면 문자열 연결(concatenation) 기능을 수행합니다.예시 1: 숫자 덧셈console.log(10 + 5); // 15 (숫자 덧셈) 예시 2: 문자열 연결console.log("apple" + " pie"); // "apple pie" 만약 +가 없으면? document.write("fruit의 타입은 ", typeof fruit); document.write()는 여러 인자를 지원하지 않으므로,두 번째 인자는 무시되거나 오류가 발생할 수 있습니다.따라서 문자열 연결 시 반드시 +를 사용해야 합니다.정리+ 연산자는 문자열 + 문자열 → 문자열 연결typeof는 데이터 타입을 문자열로 반환하므로, +와 함께 쓰면 ..

데이터 타입 확인 방법

✅ 1. 자바스크립트 데이터 타입 분류🔹 원시(Primitive) 데이터 타입string – 문자열 ("hello")number – 숫자 (42, 3.14)bigint – 큰 정수 (12345678901234567890n)boolean – 참/거짓 (true, false)undefined – 값이 정의되지 않음null – 명시적 “없음”symbol – 고유한 식별자🔹 객체(Object) 데이터 타입Object – 일반 객체 { key: value }Array – 배열 [1, 2, 3]Function – 함수 function() {}Date, RegExp, Map, Set 등✅ 2. 데이터 타입 확인 방법① typeof – 기본 타입 확인typeof 123; // "number"typ..

Falsy 값, truthy 값이란?

✅ Falsy 값이란?JavaScript에서 불리언(Boolean) 컨텍스트(예: if, while, 삼항 연산자 등)에서 자동으로 false로 변환되는 값들입니다.📌 대표적인 falsy 값들:값 설명 false불리언 false 값0숫자 0-0음수 0 (자바스크립트에만 있음)0nBigInt 0"" 또는 ''빈 문자열null존재하지 않음을 의미undefined값이 정의되지 않음NaN숫자가 아님(Not a Number) ✅ 예제 if (0) { console.log("실행됨");} else { console.log("실행 안됨"); // 출력됨}if ("") { console.log("빈 문자열도 truth..

2.객체 데이터 타입 (Object Data Types)

✅ 2. 객체 데이터 타입 (Object Data Types)여러 값을 묶어서 저장하며, **참조(reference)**를 통해 접근하는 데이터 타입입니다.주요 객체 타입:타입 설명 예시 Object키-값 쌍으로 구성된 일반 객체{ name: "홍길동", age: 30 }Array배열 형태의 객체[1, 2, 3]Function함수도 객체function greet() {}Date, RegExp, Map, Set 등내장 객체 타입new Date(), new Map() 등 특징:**참조값(주소)**가 ..

data type - 원시 데이터 타입 (Primitive Data Types)

✅ 1. 원시 데이터 타입 (Primitive Data Types)값 자체를 저장하며, **불변(immutable)**한 데이터 타입입니다.주요 원시 타입:타입 설명 예시 string문자열"안녕하세요"number숫자 (정수, 부동소수 포함)42, 3.14boolean논리 값true, falseundefined값이 할당되지 않음let a; // undefinednull명시적으로 "값 없음"let b = null;symbol고유한 식별자 (ES6+)Symbol("id")bigint매우 큰 정수 (ES11+)123456789012345678901234567890n 특징:..