service worker push API 제작기 (1) - 권한요청 Notifications 알림은 푸시 없이도 동작하지만, 푸시와 결합했을 때 매우 유용합니다. 먼저 독립적으로 보도록하겠습니다. 권한요청 button 프로그래밍/Js 2021.10.29
HTTP fetch() 요청 취소하는 방법 https://stackoverflow.com/questions/31061838/how-do-i-cancel-an-http-fetch-request How do I cancel an HTTP fetch() request? There is a new API for making requests from JavaScript: fetch(). Is there any built in mechanism for canceling these requests in-flight? stackoverflow.com OCR 분성중....ybr>1분이상.... 오래걸림 중지 프로그래밍/Js 2021.10.28
JavaScript Lexical Grammar JavaScript Lexical Grammar https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Lexical_grammar 어휘 문법 - JavaScript | MDN 이 페이지는 JavaScript의 어휘 문법(lexical grammar)을 설명합니다. ECMAScript 소스 본문은 왼쪽에서 오른쪽 방향으로 분석되고 토큰, 제어문자, 줄바꿈, 주석, 또는 공백으로 구성되는 입력 요소 시퀀스 developer.mozilla.org JavaScript의 어휘 문법(lexical grammar)을 설명합니다. 제어문자 공백문자 개행문자 주석 키워드 리터럴 : 더이상 나눌수 없는 최소단위 null Boolean : true/false 숫자리.. 프로그래밍/Js 2021.10.21
ES6+ 2차원배열 foreach const arr = [['a','b','c'],[1,2,3,4,5]];arr.forEach( (v,k)=>v.forEach((v2,k2)=>{ console.log("v2,k2: "+v2+' '+k2); })); v2,k2: a 0v2,k2: b 1v2,k2: c 2v2,k2: 1 0v2,k2: 2 1v2,k2: 3 2v2,k2: 4 3v2,k2: 5 4 프로그래밍/Js 2018.11.23
ES6+ html parser 재귀함수 log = (...args)=>{ console.log(args.join(' '));} /*const input = " ppppp a bbb cc dddd";cursor = 1;const idx = input.indexOf('>>'); const idx = input.indexOf('>',cursor); i = idx + 1; if(input[cursor + 1] === '/') { curr = curr.back; } else { if(elementNode(input,cursor,idx,curr,stack)) { break; } } } else { // text i = textNode(input, cursor, curr); } } } return result;}; console.log('---------.. 프로그래밍/Js 2018.11.23
async await promise 예제 const profile = async function(end, idx) { const userId = await new Promise(res=> $.post('./StatementSimpleMatch/zz_await_promise', idx, res)); end(userId); }; profile(console.log, 'ABC'); 프로그래밍/Js 2018.11.21
ES6+ SYNC, ASYNC (block, non-block) ES6+ SYNC, ASYNC (block, non-block) SYNC :서브루틴이 즉시 값을 반환함BLOCK : 즉시 플로우제어권을 반환하지 않음대부분 이렇게 프로그램을 작성함 코드 작성할때 습관을 아래처럼(블럭가드)for(let i=i; j=arr.length,limit=20000; limit-- > 0 && i { let sum = 0; for(let i=1; i { requestAnimationFrame(_=>{ setTimeout(function() { console.log("1초후"); },1*1000); let sum = 0; for(let i=1; i 프로그래밍/Js 2018.11.21
ES6+ blocking 과 non-blicking (time slice) ES6+ blocking 과 non-blicking 자바스크립트 스레드에는 MAIN UI ThreadBACKGROUND ThreadWEB WORKER Thread 구성되어 있습니다. 1234567 const looper = (n,f) => { for(let i=0; i { let limit=0, i=0; const runner = _ => { while(i {} _ 인자하나인 변수 / 인자이름이 _ / 인자가 오긴 하는데 내부적으로 사용안할거임 https://www.youtube.com/watch?v=BeFekctVoq0 2. Time slicing Auto 123456789101112131415161718192021const looper = (n,f,ms=1000, i=0) => { let old = .. 프로그래밍/Js 2018.11.21