Html Css JavaScript
-
html layout ex1 (float 적용)Html Css JavaScript 2023. 1. 22. 16:55
기본 상태로는 wrap1의 크기가 0,0정도의 수준으로 아래 footer가 위치하게 되면 정렬 문제가 발생한다. aside1이 section1보다 길 경우 section1에 footer1가 부터 올라간 형태가 된다. wrap1에 'overflow: hidden'을 적용하면 크기가 자식들 내용만큼 커져서 아래에 footer가 정상 위치에 오게된다. 내부적으로 자식들을 잘라내기 전에 비정상적이던 영역 크기를 먼저 맞추는 작업이 진행 되는 것으로 보인다. Header Navigation Aside 1111111 2222222 Section Footer HTML 삽입 미리보기할 수 없는 소스
-
Promise Ex 결과(reject,resolve) 순서Html Css JavaScript 2023. 1. 22. 13:28
Promise 개요 reject,resolve의 Promise속에서 결과가 중복되었을 경우 먼저 호출 된 것만 결과로 처리 된다. PromiseResultOrder.ts { async function Pm1(name:string, bResolveFirst:boolean) { let rst1 = await new Promise((resolve, reject)=>{ if(bResolveFirst) { resolve(name+".resolve~ bResolveFirst:" + bResolveFirst); } reject(name+".reject~ bResolveFirst:" + bResolveFirst); if(!bResolveFirst) { resolve(name+".resolve~ bResolveFirst..
-
Promise Ex 결과(resolve, reject)와 return값Html Css JavaScript 2023. 1. 22. 13:22
Promise 개요 Promise메인(호출시 함수인자로 전달된 callback함수)은 함수를 실행 시켜서 resolve, reject의 결과를 가려내기 위한 작업을 한다. 그래서 그 속에서 return값은 전달되지 않는다. 또한 결과입력이 없으면 처리가 안 끝난 것으로 간주하고 대기한다( 참고: Promise Ex 결과(resolve, reject) 없을 경우 ). Promise메인에서 결과가 입력되면 처리가 끝난 뒤 결과에 대당하는 결과 처리 함수(then, catch)가 호출 된다. 결과처리 함수의 return값은 외부로 전달 할 수 있다. 그래서 결과처리함수에서 Promise를 만들어 return에 넣어 보내면 재귀적 Promise처리 관계가 되기에 외부에서는 마지막 결과(resolve, rejec..
-
Promise Ex 결과(resolve, reject) 없을 경우Html Css JavaScript 2023. 1. 22. 13:20
Promise 개요 PromiseNoResult.ts { async function Main1() { console.log("root start"); let rst1 = await new Promise((resolve, reject)=>{ return ".main return~"; resolve("resolve~"); }).then((resolve)=>{ console.log("then " + resolve); }).catch((reject)=>{ console.log("catch " + reject); }); console.log("root " + rst1); console.log("root end"); } Main1(); } 결과 (await없을 경우) root start root [object Pr..
-
Promise Ex 결과에서 재귀적 사용Html Css JavaScript 2023. 1. 22. 11:56
Promise ResultRecursive Promise 개요 Promise결과에서 Promise를 다시 사용하여(비동기 작업 완료 후 후속 비동기 작업 예약 구조)결과 처리에서 resolve, reject중 하나의 결과처리는 한만 정의하여 공동 처리 되도록 예약 가능하다. 결과처리함수에서 return값이 전달되는 구조이기에 가능하다( 참고: Promise Ex 결과(resolve, reject)와 return값 ) 아래 코드는 어느 단계의 Promise중에 reject이 발생하던 "return '.catch return~';"라고 정의한 코드에서 모두 처리 된다. PromiseResultRecursive.ts { async function Pm1(name:string, rst:boolean) { let..
-
async await Ex2Html Css JavaScript 2023. 1. 22. 10:35
async await 개요 async await Ex1 Promise 내부에서 모두 await처리가 되었는 async형 Main1()함수를 외부에서 호출 할 때 다음 줄에 오는 명령과 비동기로 처리 될 수 있다. 결론은 async형 함수는 어떠한 경우에도 비동기 처리가 발생할 수 있다. - return값에서 then()처리를 하는 경우도 결국, 그 함수 속은 비동기 시점이다. - async함수가 아닌 환경에서 async함수를 호출 할 때 await를 사용할 수 없다. async function Pm1 (name: string, rst: boolean) { let rst1 = new Promise((resolve, reject) => { console.log(name + ' work front'); if(..