function sayHi(){ console.log("start"); } async function a(){ let promise = new Promise((resolve, reject) => { setTimeout(() => resolve(sayHi()), 3000) }); let result = await promise;...

카메라 띄우기 <div class="jsQR"> <div id="loadingMessage">🎥 비디오 스트림에 액세스할 수 없습니다.<br>(웹캠이 활성화되어 있는지 확인하십시오).</div> <canvas id="canvas" hidden></canvas> <div i...

.sports_wide_right::-webkit-scrollbar{width:3px;} .sports_wide_right::-webkit-scrollbar-thumb{width:30%; background:#ffc6c6; border-radius: 10px;} .sports_wide_right::-webkit-scrollbar-track {backg...

HTML input type 속성은 하나의 타입만 허용한다. number나, password냐 둘 중 하나를 골라야 한다. 그런데 숫자만 입력 받고, 모바일에서 숫자 키패드가 뜨고, 비밀번호로 표시하고 싶다면? 모바일에서 숫자 키패드가 뜨고, 비밀번호로 표시하고 싶다면? <input type="number" inputmode="numeri...

리팩터링이 필요한, 때로는 아주 절실한 코드들에는 일정한 패턴이 있다. 3.1 기이한 이름 코드를 명료하게 표현하는 데 가장 중요한 요소 하나는 바로 ‘이름’이다. 함수, 모듈, 변수, 클래스 등은 그 이름만 보고도 각각의 용도를 명확히 알 수 있어야 한다. 관련 리팩터링 함수 선언 바꾸기(함수 이름을 바꿀때도 사용한다), 변수 이름 바꾸기, ...

리팩터링이란 리팩터링은 겉으로 드러나는 코드의 기능(겉보기 동작)은 바꾸지 않으면서 내부 구조를 개선하는 방식으로 소프트웨어 시스템을 수정하는 과정이다. 버그가 생길 가능성을 최소로 줄이면서 코드를 정리하는 정제된 방법이다. 요컨대, 리팩터링한다는 것은 코드를 작성하고 난 뒤에 걸계를 개선하는 일이다. 1.1 자, 시작해보자! plays.json...

// 수수료 포함한 금액 계산 const cal_money = function(total_pin){ let ret_money = 0; let fee = ( $refund_fee_max * 0.01 ) + 1; /// 10.00 x 0.01 +1 => 1.1 let temp_money = total_pin / fee; ret_...

javascript로 주소에 있는 파라미터 가져오기 url : http://test.com?brand=1 let query = window.location.search; let param = new URLSearchParams(query); let brand = param.get('brand'); console.log(brand); ...

HTML <header> <div class="container"> <h1><a href="/">Logo</a></h1> <nav> <h2 class="hidden">글로벌 네비게이션</h2> <ul class=...