Html Css JavaScript
-
Css, Style 적용 방식 (내부, 외부, 직결, external, internal, inline)Html Css JavaScript 2023. 1. 18. 13:49
CSS의 기본 구조 (style sheet) 방식 종류 - 외부 스타일 시트(External Style Sheet) - 내부 스타일 시트(Internal Style Sheet) - 직결(HTML태그에 직접 속성)로 스타일 지정(Inline Styles) 외부 스타일 시트(External Style Sheet) 내부 스타일 시트(Internal Style Sheet) 직결(HTML태그에 직접 속성)로 스타일 지정(Inline Styles) test red text
-
javascript window, documentHtml Css JavaScript 2023. 1. 3. 09:50
window는 브라우저의 창(또는 Tab)이다, document는 브라우저 창에 속한 HTML 문서 객체다. window 객체는 브라우저 탭에 존재하는 자바스크립트 전역 최상위 객체다. window로 어디서든 접근이 가능하다. (server side render 시엔 browser 렌더링이 아니기 때문에 window 객체가 없다) window 객체 안에는 document 객체가 존재하고, document에는 잠재적으로 보여질 수 있는 dom에 대한 정보가 저장되어 있다. window 객체의 멤버는 전역으로 선언되어 있기 때문에 window객체 안에 있는 요소는 바로 접근이 가능하다. https://www.w3schools.com/jsref/obj_window.asp 이벤트 처리 관련 전체 이벤트 목록 h..
-
Promise Ex2Html Css JavaScript 2022. 12. 30. 03:52
예제 { console.log("call start"); (async function (params = "test function1") { console.log(params); })(); (async () => { let rst = new Promise(resolve => { setTimeout(() => { console.log('timeout1 end'); setTimeout(() => { console.log('timeout2 end'); resolve('promise resolved'); }, 1000); }, 1000); }).then((rst:any) => { console.log('promise then rst: ' + rst); }); console.log("before await"); a..
-
async await Ex1Html Css JavaScript 2022. 12. 24. 20:23
async await 개요 Promise Async Await Ex 예제 function resolveAfter2Seconds() { console.log('Promise start'); return new Promise(resolve => { setTimeout(() => { resolve('resolved'); }, 2000); console.log('Promise end'); }); } async function asyncCall() { console.log('async start'); const result = await resolveAfter2Seconds(); console.log('rst:' + result); // expected output: "resolved" console.log('a..
-
Promise Ex1Html Css JavaScript 2022. 12. 24. 20:12
Promise 개요 예제 비동기 처리를 모두 취합하는데 사용. 처리가 모두 완료되면 then에 예약해둔 함수를 호출한다. { console.log('call start'); setTimeout(() => { console.log('timeout1 end'); }, 3000); let rst = new Promise(resolve => { setTimeout(() => { console.log('timeout2 end'); setTimeout(() => { console.log('timeout3 end'); resolve('promise resolved'); }, 1000); }, 1000); }).then((rst:any) => { console.log('promise then rst: ' + rst);..