JavaScript 5

JavaScript - 5. 숫자, 수학 method

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 2022.11.25

JavaScript - 4. 심볼(Symbol)

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 2022.11.18

JavaScript - 3. 객체메소드(Object method), 계산된 프로퍼티(Computed property)

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

JavaScript 2022.11.18

JavaScript - 2. 생성자 함수

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

JavaScript 2022.11.18

JavaScript - 변수, 호이스팅, TDZ 그리고 var, let, const

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

JavaScript 2022.11.17