Ordinary Day

JavaScript _ 스프레드 연산자 ...[Array]

JavaScript에서는 배열에 새로운 항목을 추가하면서 기존 배열의 내용을 유지하려면 스프레드 연산자(...)를 사용하는 것이 가장 간단하고 직관적입니다. 이 연산자는 배열이나 객체를 복사하거나, 결합하거나, 새로운 배열을 생성하는 데 자주 사용됩니다. 배열 조작 시 불변성(immutability)을 유지하며 새로운 배열을 만들어 작업할 수 있습니다.  스프레드 연산자(...)란?스프레드 연산자는 배열이나 객체의 모든 항목 또는 속성을 확장하여 새로운 배열이나 객체를 만드는 문법입니다.배열의 모든 요소를 펼칩니다.새로운 요소를 추가하거나 기존 요소를 조합하여 새로운 배열을 생성할 수 있습니다. 배열에 새로운 항목을 추가하기const originalArray = [1, 2, 3];// 배열의 시작에 항목..

JavaScript _ 배열의 종류

JavaScript에서 배열은 기본적으로 단일 타입 배열(single type array)을 요구하지 않으며, 다양한 데이터 타입을 동시에 저장할 수 있는 배열입니다. 배열은 몇 가지 특수 형태로 구분하거나 활용 할 수 있습니다.  표준 배열(Standard Array)JavaScript의 표준 배열은 순서가 있는 컬렉션입니다.배열의 크기는 동적으로 조정되며, 숫자, 문자열, 객체 등 모든 타입의 데이터를 저장 할 수 있습니다.const standardArray = [1, "Hello", true, { key: "value" }];console.log(standardArray);// [1, "Hello", true, { key: "value" } ]// 위 배열에는 number, string, boole..

JavaScript _ 바닐라 JS란?

Vanilla JavaScript는 특별한 라이브러리나 프레임워크 없이 순수한 JavaScript만을 사용하는 방식을 지칭하는 용어입니다. 개발자들 사이에서 "가장 기본적인 JavaScript로 구현한다"는 의미로 사용되며, 보통 React, Vue.js, jQuery 등의 라이브러리 없이 JavaScript 기본 기능으로 웹 애플리케이션이나 기능을 작성할 때 이를 Vanilla JS로 부릅니다. 바닐라 JS는 JavaScript의 핵심 동작 원리를 배우고 이해하는 데 도움을 주며, 작은 프로젝트나 간단한 작업을 위해 적합합니다. Vanilla JS의 특징순수 JavaScript 사용DOM 조작, 이벤트 처리, Ajax 호출 등 모든 기능을 기본 JavaScript로 수행가벼움외부 라이브러리 없이 Jav..

JavaScript에서 흔히 사용되는 용어는 array(배열) 입니다. 그러나 list 라는 용어는 JavaScript의 기본 자료형으로 따로 존재하지 않습니다. list는 보통 프로그래밍의 일반적인 용어로 연걸 리스트(Linked List)를 의미하거나, 특정 프레임워크/라이브러리(ex_python, java)에서 리스트 타입을 지칭하는 경우에 사용됩니다. JavaScript에서는 array가 순서가 있는 값들의 집합을 저장하기 위한 기본적인 데이터 구조입니다. 따라서 JavaScript에서는 리스트 타입이 아닌, 배열(Array)을 사용해 리스트처럼 동작하는 구조를 구현할 수 있습니다.  Array(배열)의 특징배열은 순서가 있는 값들의 집합을 저장합니다.각 값은 인덱스로 접근할 수 있습니다. 인덱스..

NaN은 Not a Number의 줄임말로, 숫자가 아님을 나타내는 특수한 숫자 값입니다. JavaScript에서 연산 결과가 숫자가 아니거나 계산할 수 없는 경우 NaN이 반환됩니다. NaN은 숫자형(Number Type)에 속하지만, 그 값 자체는 유효한 숫자가 아님을 의미합니다.  NaN의 특징NaN은 typeof 연산자로 확인하면 number로 반환됩니다.NaN은 자기 자신과도 같지 않은 유일한 값입니다. 즉, NaN === NaN은 항상 false를 반환합니다.console.log(typeof NaN);        // numberconsole.log(NaN === NaN);   // false  NaN이 발생하는 경우숫자가 아닌 문자열을 수치 연산에 사용한 경우잘못된 수학 연산parseInt..

JavaScript는 동적 타입 언어로, 변수에 저장되는 데이터의 타입을 명시적으로 선언할 필요가 없습니다. 즉, 같은 변수에 다른 타입의 데이터를 할당 할 수 있습니다. JavaScript에서 데이터 타입을 이해하는 것은 값의 처리를 올바르게 수행하는데 필수적입니다. 기본적으로 JavaScript의 데이터 타입은 원시 타입(Primitive Type)과 참조 타입(Reference Type)으로 나뉩니다. 이번 글에서는 숫자(int), 문자열(string) 등의 주요 원시 타입을 중심으로 정리해보겠습니다.  원시 타입(Primitive Type)이란?원시 타입은 한 번 생성되면 변경할 수 없는 값입니다. 하지만 변수 자체는 다른 값으로 재할당 할 수 있습니다. 1. 숫자형(Number)let intNu..

JavaScript를 배우다 보면 null이라는 값을 자주 접하게 됩니다. null은 프로그래밍에서 중요한 개념으로, 의도적으로 [ 값이 없음 ]을 나타내기 위해 사용됩니다. 그러나 undefined와 null의 차이점에 대해 혼란스러워하는 경우가 많습니다. 이번 글에서는 JavaScript에서 null의 개념과 사용 사례를 정리해보겠습니다. null이란?null은 값이 없음을 명시적으로 표현하기 위한 값으로, 변수나 객체에 의도적으로 할당하는 값입니다. typeof null을 실행하면 object가 반환되지만, 이는 JavaScript의 초기 설계 오류로 인한 결과입니다.let user = null;console.log(user);// nulltypeof null;// object  null과 unde..

JavaScript는 웹 개발에서 가장 많이 사용되는 언어로, 프로그램의 데이터를 저장하고 처리하기 위해 변수를 사용합니다. 변수는 프로그래머가 데이터를 효율적으로 관리할 수 있도록 돕는 중요한 개념입니다. 이 글에서는 JavaScript의 변수에 대한 기초 개념과 선언 방법, 특징을 정리해보겠습니다. 변수란 무엇인가?변수는 데이터를 저장하기 위한 메모리 공간의 이름입니다. 변수를 통해 값을 저장하거나 변경할 수 있습니다. 변수 이름을 사용하면 해당 변수에 저장된 값을 쉽게 참조하거나 수정할 수 있습니다. 변수 선언 키워드JavaScript에서는 변수를 선언할 때 var, let, const 세 가지 키워드를 사용할 수 있습니다.  1. varvar x = 10;console.log(x); ES6 이전에..