본문 바로가기

WEB개발

(43)
[JS] Engine, Event Loop 1. JS Engine 자바스크립트 엔진은 Memory Heap과Call Stack으로 구성되어 있다 ex) 구글의 V8 Engine(C++로 구성), WebKit Engine(Safari)이다. 자바스크립트는 단일 스레드 (sigle thread) 프로그래밍 언어인데, 이 의미는 Call Stack이 하나라는 이야기이다. Memory Heap : 메모리 할당이 일어나는 곳 (ex, 우리가 프로그램에 선언한 변수, 함수 등이 담겨 있음) Call Stack : 코드가 실행될 때 쌓이는 곳. stack 형태로 쌓임. Stack(스택) : 자료구조 중 하나, 선입 후출(LIFO, Last In First Out)의 룰을 따른다 2. Meomory Heap Memory Heap은 객체를 저장하는 곳이다. 예제..
[JS] input(inputmode, event, pattern) 1. 이벤트순서 단순 input text에 word입력 시 이벤트 순서 focus > click > keydown > input > keyup > change > blur 2. inputmode none 가상 키보드를 사용하지 않아요. 키보드를 직접 구현할 때에 사용합니다. text (default) 기본값으로 제공되고, type 속성에 따라 제공되는 가상 키보드가 표시된다. decimal 소수점(.)을 제공하는 숫자형 키보드를 보여줘요. numeric 숫자형 키보드를 보여줘요. decimal 모드의 키보드와 약간 차이가 있어요. tel 전화번호를 입력하는 키보드가 나타나요. 저는 iPhone을 사용하는데요. 나의 전화번호를 입력하기 편하도록 자동완성도 나오네요. search 검색에 적당한 키보드가 나타..
[WEB개발] JS 유용한 Array 함수 1)  map(keyword:map) array.map(callback(currentValue, index, array))  파라미터:callback: 배열의 각 요소에 대해 호출되는 함수입니다. 이 함수는 다음과 같은 인자를 받습니다:currentValue (필수): 현재 처리 중인 배열 요소.index (선택): 현재 처리 중인 배열 요소의 인덱스.array (선택): map 메서드를 호출한 배열.반환값: 변형된 요소들로 구성된 새로운 배열. var arr = ["value1", "value2", "value3"];var newArr = Array.prototype.map.call(arr, function (ele, idx, arrobj) { ele = ele + "_modify"; console.l..