Html Css JavaScript
-
async await 개요Html Css JavaScript 2022. 12. 24. 13:30
async await 를 사용하는 주된 이유는 callback흐름을 숨기는 것이다. callback을 숨겨 보기 쉽게 하는 것이지 없게 만들지는 않는다. callback을 숨긴다 function Fun1(inv1) { return fetch(/*...*/).then(value => { //work... return value; }); } async function Fun2(inv1) { const value = await fetch(/*...*/); //work... return value; } Fun1과 Fun2는 같다. async 사용 function 앞에 async를 붙이면 해당 함수는 항상 Promise를 반환한다. 명시적인 Promise반환 async function f() { return Pr..
-
Html LabelHtml Css JavaScript 2022. 12. 1. 13:54
Label Tag 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용. label이 있는 요소는 브라우저에 의해 일반적인 텍스트로 랜더링되지만, 사용자가 마우스로 해당 텍스트를 클릭할 경우 요소와 연결된 요소에 전달되어 사용자의 편의성을 높일 수 있다. Label적용 대상 요소를 사용할 수 있는 요소는 다음과 같다. , , , , , , Label정의 방법1 요소는 'for="다른요소의id"'속성을 사용하여 다른 요소와 결합할 수 있다. 위치가 연결되지 않지만 기능이 연결된다. test space~ pasword 8자 이상 입력: HTML 삽입 미리보기할 수 없는 소스 Label정의 방법2 요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬..
-
Javascript 중괄호({}, Braces)Html Css JavaScript 2022. 11. 25. 23:51
Javascript 중괄호({}, Braces) 객체의 멤버변수들에 대한 정의다. 익명 구조체 선언과 유사하나 좀더 자유로운 편이다. 다른 설명으로는 '객체의 요소를 정의하거나 선택한다'. HTML 삽입 미리보기할 수 없는 소스 단점. 언어 통일성이 문제. typescript 변수 선언에서 { a1:123 }은 python등의 타 언어에서 key:value변수type정의 규칙과 유사하고, return값 받아오는 곳에서는 멤버 변수 선택과 그 변수명 재정의에 의미가 된다.
-
Javascript Map ExHtml Css JavaScript 2022. 11. 25. 16:55
Javascript key와 value를 가지는 Map 사용 Ex set get 함수로 읽고 쓸 수 있다. const map1 = new Map(); map1.set('a', 11); map1.set('b', 22); map1.set('c', 33); console.log(map1.get('a')); // output: 11 map1.set('a', 123); console.log(map1.get('a')); // output: 123 console.log(map1.size); // output: 3 map1.delete('b'); console.log(map1.size); // output: 2