MUG

정규표현식RegExp 생성자로 생성하거나 리터럴 방법으로 생성가능하다.xxxxxxxxxx// 리터럴 방식const re = /ab+c/;​// 생성자함수const re = new RegExp("ab+c");정규식 패턴이 바뀌는 경우 생성자 함수를 사용하여 동적으로 정규식을 만들어 준다. 정규식 패턴단순한 문자열로 만들거나 특수문자와 단순 문자열의 조합으로 패턴을 생성할 수 있다.단순 문자열직접 찾고자하는 문자열로 정규식을 구성한다.xxxxxxxxxxconst re = /apple/;const result = re.exec("banana apple");​// return [ 'apple', index: 7, input: 'banana apple', groups: undefined ] 특수문자를 사용한 패턴..

웹에서 UI를 그리는 방식은 크게 3가지입니다. HTML DOM document객체에 접근하여 그릴 수 있습니다. SVG(Scalable Vector Graphics, 확장 가능한 벡터 그래픽) 다른 방식들이 래스터 이미지로 구성되어 점들로 이루어진 반면에 SVG는 직선과 곡선으로 이루어져 있습니다 그렇기 때문에 확대하여도 이미지가 깨져보이지 않습니다. 대용량을 렌더링할 필요가 있을 때, DOM방식 보다 오래걸리고 메모리 측면에서 과부하가 심하게 걸립니다. Canvas 메모리 과부하가 적고 응답속도가 빠릅니다. interaction처리(click, mouseover)가 불가능합니다. 이중에서 Canvas에 대해서 알아보도록 합시다. CANVAS API 캔버스에서는 좌측상단의 좌표가 (0, 0)입니다. 이..

자바스크립트는 싱글스레드 기반의 Non-blocking으로 동작한다, 비동기이다 이런 말들은 많이 들어봤지만 정확히 어떤 원리때문에 이렇게 말할 수 있는지 자세히 알지 못했습니다. 그래서 자바스크립트의 이러한 동작방식에 중요한 요소들인 call stack, event queue, event loop에 대해서 알아보고자 합니다!! call stack, event queue, event loop에 대해서 알아보기전에 기본적으로 자바스크립트가 무엇인지 알 필요가 있을 것 같다고 생각하였습니다. 우선, 시작하기 전에 자바스크립트 환경의 전반적인 그림을 보고 가면 이해하는데 더 도움이 될 것 같습니다. 자바스크립트 단일 쓰레드 자바스크립트 엔진 중에 유명한 것이 있는데 V8엔진이다. V8은 크롬과 노드JS에서 사..