web

JavaScript 배열 배열은 여러 개의 요소들을 순차적으로 나열한 자료구조입니다. JavaScript에서는 배열은 다루기 위한 유용한 메서드들을 제공합니다. 1. 배열의 특징 화살표 함수는 ES6에서 도입된 문법입니다. function 키워드를 사용하는 것보다 간결하고 항상 익명으로 동작합니다. 1.1. JavaScript의 배열 JavaScript의 배열은 우리가 일반적으로 알고있는 배열처럼 요소(element)라고 부르는 값을 가지며 배열의 요소는 위치를 나타내는 index를 가지고 있습니다. JavaScript에서 배열은 객체 타입으로 분류되지만, 배열은 값의 순서와 length 프로퍼티를 갖는 특징으로 인하여 일반 객체와 구분됩니다. const arr = ['macbook', 'iphone',..

JavaScript 상수와 리터럴 상수와 리터럴은 대부분의 언어에서 많이 사용하지만 분명한 차이가 있는 개념입니다. JavaScript를 기준으로 각각의 차이점에 대해 정리해봤습니다. 1. 상수 상수는 일종의 변수이며 변수처럼 값을 저장하기 위한 메모리 공간을 필요로 합니다. 일반적인 변수는 재할당을 통하여 값을 변경할 수 있지만 상수로 사용하는 변수에는 값의 재할당을 할 수 없다는 차이점이 있습니다. 상수는 상태 유지, 가독성, 유지보수의 편의성 등을 위해 사용하는 것이 좋습니다. JavaScript에서 상수는 const 키워드를 사용하여 선언합니다. const 키워드로 선언한 변수는 재할당을 할 수 없게 됩니다. 하지만 상수에 primitive type의 값이 아닌 객체를 할당한 경우엔 값의 변경이 ..

JavaScript 객체 JavaScript의 객체는 0개 이상의 프로퍼티(key, value) 또는 메서드로 구성된 집합체입니다. JavaScript는 객체 기반의 스크립트 언어이며 JavaScript의 거의 모든 것들이 객체로 구성되어 있습니다. 따라서 JavaScript에서 사용 가능한 모든 값은 프로퍼티 값으로 사용이 가능합니다. 프로퍼티 (property) key와 value로 구성되어 객체의 상태를 나타내는 값 메서드 (method) 프로퍼티의 value가 함수로 구성된 경우이며, 프로퍼티를 참조하고 조작할 수 있는 동작을 정의 또한 원시 타입(primitive type)은 하나의 값만 나타내는 변경 불가능한 값이지만, 객체 타입(object type)은 다양한 타입의 여러 값을 하나의 단위로..

JavaScript Math 객체 JavaScript의 Math 객체는 수학적인 연산을 위한 함수와 상수를 위한 프로퍼티와 메서드를 제공합니다. 빌트인 객체이며 생성자 함수가 아니기 때문에 프로퍼티와 메서드는 static으로 제공됩니다. 1. Math 객체의 Property 1.1. Math.PI Math 객체의 PI 프로퍼티는 원주율 값을 반환합니다. 1 2 3 4 // Math.PI const pi = Math.PI; console.log(pi); // 3.141592653589793 cs 2. Math 객체의 Method 2.1. abs() abs() 메서드는 파라미터로 전달된 숫자값의 절대값을 반환합니다. 반환되는 절대값은 0 또는 양수이며 그 외의 경우는 NaN으로 반환됩니다. 1 2 3 4 5..

JavaScript 배열 고차 함수 JavaScript 배열 고차 함수에 대해 알아보겠습니다. JavaScript 배열의 고차 함수로는 Map, Set, Reduce, Sort, Filter 등이 있습니다. 고차 함수는 함수를 파라미터로 전달받거나 연산의 결과로 반환해주는 역할을 합니다. JavaScript는 다양한 고차 함수를 지원하고 있는데 그 중 Array 객체의 유용한 고차 함수에 대해 정리해보겠습니다. 1. Array.forEach() forEach() 메서드는 for문을 대체하는 고차 함수입니다. 반복문을 추상화하여 구현된 메서드이고 내부에서 주어진 배열을 순회하면서 연산을 수행합니다. for문과는 다르게 break, continue를 사용할 수 없어서 배열의 모든 요소를 중단없이 순회한다는 ..

JavaScript Number 객체 JavaScript의 Number 객체는 숫자를 다루는 타입입니다. 변수 또는 객체의 프로퍼티 값이 숫자라면 Number 객체의 프로퍼티와 메서드를 사용할 수 있습니다. 이렇게 별도의 객체 생성없이 프로퍼티와 메서드를 사용할 수 있는 것은 Number 객체가 wrapper 객체이기 때문입니다. * wrapper 객체는 원시 타입이 wrapper 객체의 프로퍼티나 메서드를 호출할 때, 일시적으로 연관된 wrapper 객체로 변환하여 prototype 객체를 공유합니다. JavaScript에서 숫자의 표기는 IEEE 754 형식을 따르고 있고 32비트까지 표현이 가능합니다. IEEE 754 형식은 부동소수점을 표현하는 가장 널리 쓰이는 표준이며 +0, -0, Infini..

JavaScript 동등 연산자와 일치 연산자 JavaScript에서 비교 연산자는 피연산자를 비교하여 boolean 값을 반환합니다. 비교 연산자의 동등 연산자와 일치 연산자가 피연산자 값의 일치 여부를 판별합니다. 동등 연산자와 일치 연산자는 모두 값의 일치 여부를 판별하지만 그 기준에서 차이가 있습니다. 1. 동등 연산자 동등 연산자(==, abstract equality)로 피연산자를 비교할 때는 JavaScript 엔진에 의해 암묵적인 타입 변환이 먼저 이루어집니다. 따라서 좌항과 우항의 타입이 다르더라도 값이 같다면 true를 반환합니다. 1 2 3 4 let a = 10; let b = '10'; console.log(a == b); // true cs 동등 연산자를 사용하면 편리한 경우도 ..

JavaScript null 과 undefined JavaScript에서 null은 값이 없음을 명시하기 위해 사용하고 undefined는 값이 할당되지 않았음을 명시하기 위해 사용합니다. 1. null 과 undefined 의 차이 null 값이 없음을 표현하기 위한 값 의도적으로 값이 없음을 표현하려고할 때 사용 변수에 null을 할당하면 값이 해제됨 undefined 값이 할당되지 않은 상태를 표현하기 위한 값 변수 선언 이후 값이 할당되지 않은 경우에 JavaScript 엔진이 초기화한 값 존재하지 않는 객체 프로퍼티에 접근한 경우 반환되는 값 undefined 값을 갖는 변수는 할당을 통해 값을 갖게 됨 1 2 3 4 5 6 7 8 9 let name; console.log(name); // u..

JavaScript 데이터 타입 데이터 타입(Data Type)은 프로그래밍 언어에서 사용 가능한 데이터의 종류를 의미합니다. JavaScript의 모든 값은 데이터 타입을 갖게 되는데 ECMAScript(ES6) 기준으로 다음과 같이 7개의 데이터 타입이 제공됩니다. 원시 타입(Primitive Type) - number - string - boolean - undefined - null - symbol (ES6) 객체/참조 타입(Object/Reference Type) - object 1. 원시 타입(Primitive Type) 원시 타입의 값은 변경 불가능한 값(Immutable Value)이며, 값에 의한 전달(pass-by-value)이 이루어집니다. 1.1. number JavaScript에서..