미코딩코

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

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

패스트캠퍼스 네카라쿠배 과정을 진행하면서 작은 커리큘럼이 마무리될 때마다 기록하는 회고록 알고리즘 강의의 대가 김태원 강사님과 함께한 2주는 무척이나 알찼고, 그만큼 아쉬웠다. 코로나로 인한 첫 2주간의 재택 강의만 아니었어도 3주간 함께할 수 있었는데... 개발에 관심을 갖고 공부한지는 일년이 넘었지만, 기능 구현에만 관심을 갖다보니 알고리즘과 코딩테스트는 '일단 어떻게 개발하는지 부터 해보고' 할 것으로 미뤄두고 있었다. 그나마 국비과정을 진행했을 때 팀원이 파이썬으로 자료구조를 공부하는 걸 보고 함께했던 적이있어 스택이나 큐 따위의 개념들을 따라갈 수 있었다. 하지만, 그 정도로는 따라가기 힘들 정도로 알고리즘 수업은 코딩테스트를 처음 접하는 사람들에게 매우 가혹한 속도로 진행되었다. 첫 수업, 두..

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..

Nexacro 플랫폼이란? 투비소프트사에서 나온 자바스크립트 기반의 OSMU(One Source Multi-Use) 통합 UI개발 플랫폼이다. (간단히 말하면 프론트&백, 다양한 디바이스 환경 등 다 통합해서 개발에서 배포까지 한다는 할 수 있게 하는 플랫폼..?) 자사에서 제작한 자바스크립트 프레임워크인 United Framework(Unified.js)을 기반으로 웹과 네이티브 개발 환경을 통합하고 다양한 디바이스, 환경에 손쉽게 적용시킬 수 있다. 특히 자체적으로 제공하는 프론트의 드래그 앤 드롭 기능은 Figma 같은 프론트 디자인 툴을 다룰 때 늘 생각했던 '그냥 마우스 끌면 끌리는데로 알아서 코드까지 쳐줬으면 좋겠다'는 생각을 그대로 실현시켜준다. 개발자와 디자이너가 함께 사용하는 개발 툴. ..