정규표현식(Regular Expression, 줄여서 RegEx)은 문자열에서 특정 패턴을 찾거나 매칭하는 데 사용되는 강력한 도구입니다. 텍스트 처리, 데이터 유효성 검사, 문자열 파싱 등 다양한 작업에 활용됩니다. 자바스크립트에서는 두 가지 방법으로 정규표현식을 생성할 수 있습니다.// 리터럴 표기법const regex = /pattern/;// RegExp 객체 생성자const regex = new RegExp("pattern"); 기본 문법리터럴 문자일반 텍스트 문자로, 그대로 매칭됩니다.const regex = /Yundogi/;regex.test("Yundogi Dev"); // true 메타 문자특별한 의미를 가진 문자들입니다.. : 임의의 한 문자^ : 문자열의 시작$ : 문자열의 끝** ..

개발을 하다 보면 데이터 정렬은 피할 수 없는 일상이 됩니다. 프로젝트나 코딩 테스트를 막론하고 배열이나 객체를 정리하는 작업은 심심찮게 마주치게 되죠. 오늘은 이런 상황에서 유용하게 써먹을 수 있는 다양한 정렬 기법들을 함께 알아보려고 합니다. 배열 정렬하기1. 기본 정렬 (sort 메서드)배열의 sort() 메서드는 가장 기본적인 정렬 방법으로, 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.const fruits = ['banana', 'apple', 'orange', 'grape'];fruits.sort();console.log(fruits); // ['apple', 'banana', 'grape', 'orange']⚠️  sort() 메서드는 기본적으로(비교 함수를 제공하지 않을 경우) ..

entries() 메서드란?entries() 메서드는 자바스크립트에서 객체나 컬렉션의 key-value 쌍을 배열로 반환하는 유용한 도구입니다. 이 메서드를 사용하면 데이터 구조의 내용을 쉽게 순회하고 조작할 수 있습니다. 객체 메서드 삼형제Object.entries() : 객체의 키와 값을 쌍으로 묶어 배열로 반환합니다.Object.keys(): 객체의 키만 배열로 반환합니다.Object.values(): 객체의 값만 배열로 반환합니다.const obj = { a: 1, b: 2, c: 3 };console.log(Object.keys(obj)); // ['a', 'b', 'c']console.log(Object.values(obj)); // [1, 2, 3]console.log(Object.entri..

스프레드 연산자란?스프레드 연산자(Spread Operator)는 ES6에서 도입된 기능으로, 배열이나 객체를 펼치는 역할을 합니다. 이 연산자는 세 개의 점( ... )으로 표현되며, 다양한 상황에서 유용하게 사용될 수 있습니다. 주요 용도1. 배열 복사 및 병합const arr1 = [1, 2, 3];const arr2 = [...arr1, 4, 5]; // [1, 2, 3, 4, 5]const combined = [...arr1, ...arr2]; // [1, 2, 3, 1, 2, 3, 4, 5]2. 객체 복사 및 병합const obj1 = { foo: 'bar', x: 42 };const obj2 = { foo: 'baz', y: 13 };const clonedObj = { ...obj1 }; /..

자바스크립트를 사용하다 보면 때때로 예상치 못한 동작에 당황할 때가 있습니다. 이런 상황의 대부분은 자바스크립트의 데이터 타입과 그 메모리 참조 방식을 제대로 이해하지 못해서 발생합니다. 오늘은 이 주제에 대해 함께 알아보려고 합니다.자바스크립트의 데이터 타입자바스크립트의 데이터 타입은 크게 두 가지로 나눌 수 있습니다: 1. 원시 타입(Primitive Type)Number(숫자)String(문자열)Boolean(불리언)nullundefinedSymbol (ES6에서 추가)BigInt (ES11에서 추가)2. 참조 타입(Reference Type)Object(객체)Function(함수)Array(배열) - 사실 이것도 객체의 한 종류입니다!자바스크립트에서 배열(Array)은 사실 특별한 종류의 객체입니..

함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical Scope)과의 조합개념함수가 자신이 선언된 환경을 기억하여 함수가 환경 밖에서 실행될 때에도 해당 환경에 접근할 수 있도록 합니다.즉, 내부 함수에서 외부 함수의 범위에 대한 접근을 제공합니다.또한, 생명 주기가 끝난 외부 함수의 변수에 대한 접근을 제공합니다.function outerFunc() { // 외부 함수의 변수 var name = "yundogi"; // 내부 함수 var innerFunc = function () { // 외부 함수의 변수에 접근 console.log(name); // "yundogi" }; return innerFunc;}var inner = outerFunc(); // outerFunc()..

변수 및 함수 선언을 유효 범위(scope)의 맨 위로 이동하는 것처럼 보이게 하는 JS의 기본(default) 동작 개념JS의 모든 선언에 호이스팅이 발생한다 = 모든 선언이 코드 실행 전에 메모리에 저장된다.그렇기 때문에 선언문보다 참조나 호출이 먼저 나와도 오류 없이 실행된다.let, const, class가 호이스팅되지 않은 것으로 보이는 이유는 일시적 사각지대(TDZ)에 들어있기 때문이다. 변수 호이스팅 (Variable Hoisting)변수 호이스팅은 선언 방식에 따라 크게 2가지로 나뉜다. 1. var로 선언: 값이 undefined로 초기화된다.console.log(color); // undefinedvar color = yellow;console.log(color); // "yellow"..