미코딩코

1. 자바스크립트가 에러를 던지는 방법 (이번 단원은 Error 객체가 생성되고 상속되는 과정을 설명한 부연설명이므로 NativeError의 종류만 보고싶다면 지나쳐도 된다) 자바스크립트 에러가 감지하면 Error 생성자 함수를 통해 인스턴스를 생성하고 이를 throw, 즉 던진다. 또한 프로토타입 체인을 통해 NativeError, AggregateError 등 더 세부적인 에러 인스턴스들을 생성하여 던질 수 있다. (참고 : 20.5 Error Objects) 1-1. 에러를 생성하는 빌트인 객체 Error Error Contructor 전역 객체의 Error 프로퍼티의 초기값 [[Prototype]] 값으로 %Function.prototype%를 가짐 하위 클래스로 확장 가능 하위 클래스는 반드시 ..

객체의 구조 타입을 구분하기 프로토타입 체인 및 객체의 생성 과정에 대한 이해를 위한 심화 예제입니다. 이 포스팅에서 제시한 두 가지 솔루션은 각각 한계점이 있어 실무에서 사용하기 적합하지 않습니다. 실제로 객체의 구조 타입을 구분하실 땐 타입스크립트 등의 라이브러리를 이용하십시오. 시도1 : typeof typeof 연산자를 통해 자료형을 비교해주자 ! ⇒ 실패 typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환합니다. (MDN) 실패 자바스크립트의 객체들은 모두 object 자료형이다. 자바스크립트의 데이터 타입은 7가지의 원시타입(number, string, boolean, undefined, null, symbol)과 1개의 객체 타입(object)으로 나뉜다. 다시 말해 원..

동적 타이핑이 가지는 코드 구현의 유연성은 javascript의 특장점 중 하나라고 볼 수 있다. 따라서 이를 사용하지 말자는 것이 아니다. 단, 이에 관한 최적화 관점을 인지하고 불필요한 동적 타이핑 남발을 자제하고 성능을 더 끌어올리자는데 이번 포스트의 의미가 있다. 🚩 사전 정보 객체 메모리 저장 : 메모리 오프셋 0⬛⬛ 1⬜⬜⬜2⬛⬛⬛ C++ 등의 언어에서는 객페의 프로퍼티에 접근할 때 구조체의 기준 메모리 주소부터 상대적인 값인 오프셋이 있다. 각각의 오프셋마다 차지하는 공간은 들어올 데이터 타입(숫자형은 8byte 등)을 통해 결정한다. 정적 타이핑 언어(C++, Java ...) 컴파일 이전에 객체 레이아웃이 고정되기 때문에 이때 고정된 오프셋으로 프로퍼티에 바로 접근 가능하다. Javasc..

let sHash = new Map(); 맵(Map) 기본 개념 👉 맵(Map)이란? key : value 의 구조로 저장되어 key를 통해 바로 value에 접근할 수 있고, 저장된 순서대로 각 요소들을 접근할 수도 있다. (즉, 인덱스가 아닌 key로 바로 값을 찾고, for of 같은 반복문도 돌릴 수 있다.) 주의 사항 'key는 중복될 수 없다'. Object와의 주요한 차이점은 다음과 같다. map key는 반드시 구체적인 value가 있을 때만 들어갈 수 있다. key값으로 무엇이든 올 수 있다. (함수, 오브젝트 ...) 전체 사이즈(key의 갯수)를 size() 함수를 통해 간단하게 알 수 있다. 순서대로 key, value, entries 를 호출하기 쉽다. (iterable) obje..

다른 컨트롤러나 페이지로 이동시 값을 전달하는 방법 중 url에 주소?키=밸류&키2=밸류2 와 같은 형태로 보내는 것을 GET방식이라 한다. 이 떄 밸류에 예약 문자 ( ! * ' ( ) ; : @ & = + $ , / ? # [ ] ) 즉, 특정한 기능을 하는 기호가 포함되면 값이 제대로 전송되지 않는다. 자바스크립트에서는 다음을 이용해 인코딩해줄 수 있다. encodeURI( uri ) : URI에서 자주 사용하는 : ; / = ? & 등을 제외하고 인코딩하는 함수 encodeURIComponent( uri ) : 모든 문자를 인코딩하는 함수 decodeURI( uri ) : encodeURI의 결과물을 디코딩하는 함수 decoudeURIComponent ( uri ) : encodeURICompon..