끄적끄적

배열은 자바스크립트에서 가장 유용하고 자주 사용되는 데이터 구조 중 하나입니다. 배열을 다루는 메소드들과 활용 예시를 알아봅시다. 1. splice() splice() 메소드는 배열에서 특정 요소를 제거하거나 추가하는 데 사용됩니다. 예시: let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); // [2, 3] 제거 console.log(arr); // [1, 4, 5] arr.splice(1, 3, 100, 200); // 인덱스 1부터 3개 제거하고 100과 200 추가 console.log(arr); // [1, 100, 200, 5] let arr = ["나는", "철수", "입니다"]; arr.splice(1, 0, "대한민국", "소방관"); // 인덱스 1부터 아무..

JavaScript는 다양한 숫자와 수학 관련 메소드를 제공하여 숫자 데이터를 다룰 수 있습니다. 이번 글에서는 toString(), Math 객체의 메소드들, 그리고 parseFloat(), isNaN(), parseInt() 등의 개념과 예제를 통해 자세히 알아보겠습니다. 1. toString() 메소드 toString() 메소드는 숫자를 다른 진법의 문자열로 변환할 때 사용됩니다. 예를 들어, 10진수 숫자를 2진수나 16진수로 변환하는 것이 가능합니다. let num = 10; num.toString(); // "10" num.toString(2); // "1010" let num2 = 255; num2.toString(16); // "ff" 2. Math 객체 Math.PI: 원주율(π) 값을 ..

JavaScript의 데이터 타입 중 하나인 심볼(Symbol)에 대해 알아보겠습니다. JavaScript Symbol은 유일하고 변경 불가능한 데이터 타입이며, 주로 충돌 위험이 없는 객체 속성의 키로 사용됩니다. 1. JavaScript Symbol 생성 JavaScript에서 심볼은 Symbol() 함수를 통해 생성할 수 있습니다. 심볼은 각각 유일하므로, 같은 함수로 여러 심볼을 생성하더라도 서로 다릅니다. javascript const a = Symbol(); const b = Symbol(); console.log(a === b); // false 위의 예에서는 두 개의 심볼 'a'와 'b'를 생성하고 비교하였습니다. 두 심볼이 동일한 Symbol() 함수로 생성되었음에도 불구하고, 두 심볼은..

JavaScript는 동적인 언어로서, 그 구조와 구현 방식이 다양하고 유연합니다. 이번 포스트에서는 JavaScript 객체의 '계산된 프로퍼티(Computed property)'와 '객체 메소드'에 대해 자세히 알아보겠습니다. 1. 계산된 프로퍼티 (Computed property) 객체를 생성할 때 객체 속성의 키를 동적으로 생성하거나 계산하고 싶을 때가 있습니다. 이럴 때 사용하는 것이 계산된 프로퍼티입니다. 이는 대괄호([]) 내에 표현식을 사용하여 객체의 속성 키를 동적으로 생성하는 방법입니다. 위 예제에서 user 객체의 age 속성은 변수 key에 의해 동적으로 생성되었습니다. key 변수의 값이 변하면 해당 값에 대응하는 속성 이름이 생성됩니다. 다음 예제에서는 표현식을 사용하여 속성 이..

JavaScript에서 객체를 생성하는 주요 방법 중 하나는 '생성자 함수'를 이용하는 것입니다. 이 포스트에서는 JavaScript의 생성자 함수에 대해 자세히 살펴보고, 어떻게 이를 사용하는지 실제 코드 예제를 통해 살펴보겠습니다. 1. JavaScript 생성자 함수란? 생성자 함수는 JavaScript에서 객체를 생성하고 초기화하는 역할을 합니다. 함수 이름의 첫 글자는 대문자로 시작하는 것이 일반적입니다. new 연산자와 함께 사용되어 객체를 생성하고 초기화하는데, 이때 해당 함수는 생성자 함수로 동작합니다. function Car(make, model, year) { this.make = make; this.model = model; this.year = year; } const car1 = ..

안녕하세요! 오늘은 웹 개발의 필수 언어인 JavaScript의 기본 요소 중 하나인 '변수'에 대해 이야기해볼까 합니다. 특히 JavaScript에서 제공하는 세 가지 변수 선언 방식인 var, let, const의 특성에 초점을 맞추어 볼 것입니다. 1. JavaScript와 변수의 세계 JavaScript는 웹 브라우저에서 동작하는 유일한 프로그래밍 언어로, 웹 개발에 있어 핵심적인 역할을 합니다. 이 중 변수는 프로그래밍의 기본 구조를 이루는 요소로, 데이터를 저장하고 참조하는데 필요한 고유한 이름을 가지고 있습니다. 그렇다면, JavaScript에서 제공하는 var, let, const 중 어떤 것을 사용해야 할까요? 상황에 따라 적절하게 선택하여 사용하면 됩니다. 값이 변경되지 않는 상수를 선..