WEB개발 (69) 썸네일형 리스트형 DelegationPattern 정의Business delegate pattern은 Java EE design pattern의 하나로 특정 케이스마다 처리해야 하는 로직이 틀린 경우에 사용이 되는 패턴입니다. 아래 구조를 보면 클라이언트는 Business delegate에게 이런 비즈니스 로직을 수행하겠어 요청을 하면 Lookup Service가 상황에 맞는 비즈니스클래스를 룩업해 로직을 수행하도록 합니다.StructureBusiness delegate - client가 특정 서비스를 요청할 클래스 (비즈니스 로직 안가지고 있음)Lookup Service - delegate가 호출하는 클래스로 특정 케이스마다 처리를 담당하는 실제 구현체를 반환Business Service - 실제 사용될 서비스 인터페이스로 실제 비즈니스 로직은 이.. [JS] JS의 비동기 작업 ( = promise, promiseAll) 비동기란 특정 코드의 연산이 끝날 때까지 코드의 실행이 끝나지 않은 상태에서, 순차적으로 다음 코드를 먼저 실행하는 JS의 특성이다. 요청에 대한 결과를 기다리지 않고 다음 코드를 실행한다는 것이다. 대기(pending): 이행하거나 거부되지 않은 초기 상태.이행(fulfilled): 연산이 성공적으로 완료됨.거부(rejected): 연산이 실패함. function asyncTask(success) { return new Promise((resolve, reject) => { setTimeout(() => { if (success) { resolve("Task completed successfully!"); } else.. [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은 객체를 저장하는 곳이다. 객체 (.. [html] 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검색에 적당한 키보드가 나타나요. .. [JS] JavaScript 유용한 Array 함수 + JAVA stream() 1) maparray.map(callback(currentValue, index, array))//예시var arr = ["value1", "value2", "value3"];var newArr = Array.prototype.map.call(arr, function (ele, idx, arrobj) { ele = ele + "_modify"; console.log(ele); return ele});파라미터 :callback : 배열의 각 요소에 대해 호출되는 함수입니다. 이 함수는 다음과 같은 인자를 받습니다:currentValue : 현재 처리 중인 배열 요소.index : 현재 처리 중인 배열 요소의 인덱스.array : map 메서드를 호출한 배열.반환값 : 변형된 요소들로 구성된 새로운 배열... 이전 1 ··· 6 7 8 9 다음
