목록Javascript/ES6 (10)
동글이의 STORY
🔶 Unicode유니코드는 U+0031과 같은 형태로 작성하며 이는 숫자 1을 나타냄“U+”를 작성하고 이어서 코드 포인트를 작성U+0031에서 0031이 코드 포인트이다.코드 포인트는 문자 코드로 알려져 있다.코드 포인트4자리 이상의 UTF-16 진수 형태로 U+0000에서 U+10FFF까지 약 110만개 정도를 사용 가능하다.문자, 기호, 이모지, 아이콘을 표현할 수 있다.전체는 17개 평면으로 나누어져 있으며, 하나의 평면은 65535(U+FFFF)개 이다.첫번째 평면을 BMP라고 부른다.일반적인 문자가 이 평면에 속하며 한글도 여기 속한다.BMP를 제외한 코드 포인트가 속한 평면을 Supplementary plane 또는 Astral plane이라고 부름4자리가 아닌 5자리 이상의 코드포인트가 ..
🔶 Math 함수 목록함수 이름개요sinh()쌍곡 사인asinh()쌍곡 아크사인cosh()쌍곡 코사인acosh()쌍곡 아크코사인tanh()쌍곡 탄젠트atanh()쌍곡 아크탄젠트log1p()로그(1 + 파라미터 값)log10()밑이 10인 로그log2()밑이 2인 로그expm1()자연로그 상수(e)의 x승 -1hypot()제곱근cbrt()세제곱근sign()사인(sign) 값trunc()소수를 제외한 정수imul()파라미터 값을 곱하고 결과를 32비트로 변환clz32()32비트 값에서 0비트 수fround()32비트 유동 소수 값1. sinh() : 쌍곡 사인console.log(Math.sinh(0)); // 0console.log(Math.sinh(1)); // 1.17520119364380142...
✅ 핵심요약ㅤ1. 안전 정수(Safe Integer):Number.MAX_SAFE_INTEGER : 2의 53승 - 1로 표현 가능한 최대 정수값Number.MIN_SAFE_INTEGER : -(2의 53승 - 1)로 표현 가능한 최소 정수값EPSILON:JavaScript에서 표현 가능한 1과 1보다 큰 값 중 가장 작은 차이진수 리터럴:ES6에서는 2진수와 8진수 표기법이 추가되었습니다.2진수는 0b 또는 0B로 시작하고, 이어서 0 또는 1의 숫자로 작성됩니다.8진수는 0o 또는 0O로 시작하고, 이어서 0부터 7까지의 숫자로 작성됩니다.isNaN():파라미터 값이 NaN인 경우 true를 반환하는 메서드전역 함수 isNaN()과 Number.isNaN() 메서드로 구분됩니다.isInteger():..
✅ 핵심요약오퍼레이션같은 키 사용:ES6: Strict 모드 여부와 관계없이 에러가 발생하지 않으며, 마지막에 작성된 프로퍼티 값으로 대체변수 이름으로 값 설정:ES6에서는 객체를 선언할 때 변수 이름과 값을 동시에 설정 가능Object에 함수 작성:ES6에서는 함수를 간결하게 작성 가능디스크립터프로퍼티 디스크립터는 데이터 프로퍼티 디스크립터와 액세스 프로퍼티 디스크립터로 분류.각 디스크립터는 다양한 속성을 가지며, 데이터 프로퍼티와 액세스 프로퍼티에 대한 속성이 다름.get, set 속성get 속성: getter 함수를 제공하여 특정 프로퍼티의 값을 가져올 때 사용set 속성: setter 함수를 제공하여 특정 프로퍼티의 값을 설정할 때 사용1. 오퍼레이션Object에 같은 key 사용es3 : key..
✅ 핵심요약Operation프로퍼티 이름조합문자열과 변수 조합하여 프로퍼티 이름으로 사용 가능Default Value값이 할당되지 않았을 때 사전에 정의한 값이 할당됨Default 파라미터호출 받은 함수의 파라미터에 디폴트 값을 지정 가능for-offor-of 문은 이터러블 오브젝트를 반복하여 처리구문 : for ( variable of iterableObject ) { code.. }거듭 제곱 연산자 (**)**은 Math.pow() 메소드와 같다1. 프로터티 이름 조합문자열과 변수를 조합하여 오브젝트의 프로퍼티 이름으로 사용할 수 있다.let sports = "tennis";let item = { ["one" + "two"]: 12, [sports]: 1, [sports + "Game"]: "윔블던"..
✅ 핵심요약디스트럭처링?배열의 각 요소를 배열로부터 추출하여 변수 리스트에 할당추출/할당 기준 : 배열의 인덱스 또는 객체의 키⚡ 디스트럭처링 (Destructuring Assignment)형태let one, two;[one, two] = [1, 2];// one = 1// two = 2🔹Array 분할 할당let one, two, three, four, five, other;const values = [1, 2, 3];[one, two, three] = value;console.log("A:", one, two, three);// A: 1, 2, 3[one, two] = value;console.log("B:", one, two);// B: 1, 2[one, two, three, four] = val..
✅ 핵심요약스프레드 연산자란?기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사“…”과 같이 점(.) 세개를 연속해서 작성rest 파라미터스트레드 연산자를 사용한 것으로 여러 인수를 배열로 받을 때 사용⚡ 스프레드 연산자이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개함전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.[..iterableObject]function(...iterableObject)spread 연산자는 “…”과 같이 점(.) 세개를 연속해서 작성하고 이어서 이터러블 오브젝트를 작성대괄호 [] 안에 작성하거나 function(…[1,2])와 같이 호출하는 함수의 파라미터에 작성문자열let spreadObj = [..."music"];co..
✅ 핵심요약이터레이션 이란?어떠한 데이터 컬렉션(자료구조)을 순회하거나 반복하는 것을 의미반복처리를 위한 프로토콜 존재for 루프, map(), filter() 등 이터레이션을 위한 다양한 내장 메서드들이 존재⚡이터레이션반복 처리를 나타내며 이를 위한 프로토콜(Protocol)을 갖고 있다.프로토콜 : 이터레이션을 위한 규약이 있으며 이를 지켜야 반복 처리를 할 수 있다.ex) 배열을 반복하여 처리하기 위해서는 배열이 반복할 수 있는 오브젝트이어야 하며, 오브젝트에 반복 처리를 할 수 있는 메서드가 있어야 함구성 : 이터러블(Iterable) 프로토콜과 이터레이터(Iterator) 프로토콜🔹 이터러블 프로토콜오브젝트의 반복 처리 규약 정의String, Array, Map, Set, TypeArray, ..
✅ 핵심요약화살표 함수란?형태 : (param) ⇒ { 코드 }이름이 없는 무명/익명(aonymous) 함수생성자 함수로 호출할 수 없다.중복된 매개변수를 선언할 수 없다this, arguments, new.target, super 바인딩을 갖지 않는다화살표 함수의 사용new 연산자rest ( arguments 사용 불가)setTimeout일반 함수와 차이점은 this의 target이 window오브젝트 / 전역변수 인지 구분prototype화살표 함수를 사용하면 this가 인스턴스를 참조하지 못하고 window 오브젝트를 참조화살표 함수 (⇒)⚡ 화살표 함수형태 : (param) ⇒ { 코드 }함수 이름이 없는 무명/익명(aonymous) 함수함수 블록 {}을 사용하지 않고 한줄에 작성할 수 있습니다...
✅ 요약스코프란?식별자에 접근할 수 있는 범위스코프 종류 : 블록 스코프, 함수 스코프var, let, const, this 키워드호이스팅변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것var 변수 호이스팅 → undefined로 변수 초기화let, const 변수 호이스팅 시 → 변수 초기화 X⚡ 스코프 (Scope)정의 : “식별자 접근 규칙에 따른 유효 범위”식별자(변수, 함수, 클래스)에 접근할 수 있는 범위가 존재범위는 중괄호(블록) 또는 함수에 의해 나눠짐그 범위를 스코프라고 부름각각을 Block Scope와 Function Scope⚡ 스코프 주요 규칙안쪽 스코프에서 바깥쪽 스코프로 접근할 수 있지만 반대는 불가능하다.스코프는 중첩이 가능하다.전역 스코프와 지역 스코프지역 변수(지역 ..