자바스크립트
-
[Deno] 시작하기전에.. 끄적끄적...NULL STACK 2020. 6. 17. 15:59
Deno는 Node.js 창립자 Ryan Dahl이 만든 자바스크립트 및 타입스크립트 런타임이다. Nodejs에서 고치고 싶었던 부분들을 2018년 6월 발표하더니 뚝딱 만들어 낸것이 바로 이것이다..(천재들은 뭔가 다른가 봄..) 처음 Deno를 소개할때 Ryan Dahl이 "데노"라고 발음했으나 로고가 공룡처럼 보여서 그런지 점차 "디노"라고 불리고 있고, 잠정적으로 디노로 결정되어 가는듯 하다. Deno는 Node의 애너그램으로 Node를 반으로 잘라서 ( no | de ), 앞뒤를 바꾸면 deno가 된다. node.js와의 차이점 : JSconf top level await (async없이 await 할 수 있다!), 외부라이브러리를 사용할때의 보안 문제 해결, 외부라이브러리를 url로 impor..
-
[javascript] 즉시 실행 함수NULL STACK 2019. 11. 18. 09:02
함수 표현문 function() {} 함수 표현식 const fn = () => {} 즉시 실행 함수 표현식 (function() { console.log('Hello World!'); })(); !function() { console.log('Hello World!'); } +function() { console.log('Hello World!'); } -function() { console.log('Hello World!'); } void function() { console.log('Hello World!'); } ((a, b) => { console.log('Hello World!'); })(a1, b1);
-
[javascript] async/awaitNULL STACK 2019. 10. 10. 09:20
async async 함수는 항상 promise를 반환 async function f() { return 'async example'; } // 이상없는데 언제 알려줄까? 의 상태 console.log(f()); // Promise {:'async example'} f().then(alert); // f()와 동일하게 동작 async function f2() { return Promise.resolve('async example2'); } await promise가 확정된 결과를 반환할 때 까지 대기. 지금은 뭐 없는데ㅋㅋㅋ의 상태 async function f() { const promise = new Promise((resolve, reject) => { setTimeout(() => resolve(..
-
[javascript] PromiseNULL STACK 2019. 10. 10. 09:18
:: 콜백함수를 연결할 수 있는 이미 진행중인 프로세스 지금은 뭐 없는데 이상없으면 이따 주고 이상있으면 알려줄게ㅋㅋ(언제?) 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 처리됨(settled): 대기가 끝나고 이행 또는 거부 됨. const _promise = param => { // 비동기를 표현하기 위해 setTimeout 함수를 사용 const newPromise = new Promise((resolve, reject) => { window.setTimeout(() => { if (param) { resolve('TRUE를 반환'); } else { reject(Error('ERROR를 ..
-
javascript 전체체크박스NULL STACK 2019. 7. 10. 11:13
체크박스의 개수와 상관없이, 전체 체크박스를 생성하여, 체크박스중에 하나라도 체크가 해제될경우에 해제되는 전체체크박스. 모든 체크박스가 다 체크되어있을경우 체크되는 전체체크 박스 var checkAll = document.getElementById("checkAll"); checkAll.addEventListener('change', function(){ var objs = document.querySelectorAll(".chk"); for (var i = 0; i < objs.length; i++) { objs[i].checked = checkAll.checked; }; }, false); var objs = document.querySelectorAll(".chk"); for(var i=0; i
-