100/1초 시간을 (시:분:초:100/1초) 변환 // total => 100 / 초 funciton HMSsm(total){ let totalS = Math.floor(total / 100); // totle (초) let timeH = Math.floor(totalS / 3600); // 1시간 3600초 (시) let timeM = Math.floor(totalS % 3600 / 60); // 나머지 를 / 60 몫 (분) let timeS = Math.floor(totalS % 60); // 나머지 (초) let timeMs = (total % 100); // 100/1 초 timeH = String(timeH).padStart(2,"0"); timeM = String(timeM).padStar..
element.scrollIntoView(true) doc : https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView - element : 스크롤 타겟 - element.scrollIntoView(true) : 스크롤 타겟의 포커스 이동에 따라 부모 스크롤 이동. (상단 기준) - element.scrollIntoView(false) : 스크롤 타겟의 포커스 이동에 따라 부모 스크롤 이동. (하단단 기준)
# 넘버링 - 결과 HTML 삽입 미리보기할 수 없는 소스 - 소스
// 이벤트 생성 (event_name)이름의 이벤트 var _eventItme = new Event("event_MyName", {bubbles : true}); // document 이벤트 발생 function event_excution(){ document.dispatchEvent(_endEvent); } // document 이벤트 받기 document.addEventListener("event_MyName", function(event) { console.log("========= >> EVENT Call"); });
fs = require('fs') 기본 세팅 설정 후 1. 파일 유무 체크 let jsonFile = "gulp.config.json"; fs.access(jsonFile, fs.constants.F\_OK, (err) => { if (err){ console.error(jsonFile + ' 파일이 없음.X'); }else{ console.error(jsonFile + ' 파일이 있음.O'); } })2. 비동기식 json 파일 읽기 fs.readFile( './gulp.config.json', 'utf8', (error, jsonFile) => { if (error) return console.log(error); let json..
function print_area($id) { var _body = document.body.innerHTML; window.onbeforeprint = function () { document.body.innerHTML = document.getElementById($id).innerHTML; } window.onafterprint = function () { document.body.innerHTML = _body; } window.print(); } // 호출 print_area(프린트할 영역 ID)
데이터 타입 1. 자바스크립트의 자료형 종류 1) 기본 데이터 타입 ◇ 문자열 (string) ◇ 숫자 (number) 8byte ◇ 불리언 (boolean) 1bit 2) 단순 데이터 타입 ◇ 정의되지 않은 자료형 (null,undefined) 3) 복합 데이터 타입 ◇ 객체 (object) 4) 특별한 형태의 객체 ◇ 함수 (function) 2. 자료형 검사 ◇ alert( typeof("문자") ) => string ◇ alert( typeof(1234) ) => number 3. 객체 1) 객체 특징 ◇ 속성,메서드 를 가지고있음. ◇ new 통해생성. ◇ 프로토 타입(prototype) 상속. 2) 기본내장객체 ◇ javascript 제공되는 객체 4. 기존 자료형과 객체의 차이 기본 자료형과..
JavaScript 버전ECMA Script판본과의 관계 JavaScript 1.1 ECMA-262, 1판은 JavaScript 1.1에 기초합니다. JavaScript 1.2 JavaScript 1.2가 발표됐을 때 ECMA-262가 아직 완성되지 않았습니다. 다음과 같은 이유때문에 JavaScript 1.2는 ECMA-262 1판과 완벽하게 호환되지 않습니다.Netscape는 JavaScript 1.2에 몇 가지 기능을 추가했으나, ECMA-262에서 고려하지 못했습니다.ECMA-262는 두 가지 새 기능을 추가했습니다. 유니코드를 이용한 국제화, 모든 플랫폼에서의 동일한 동작. Date 개체 같은 JavaScript 1.2의 몇 가지 기능이 플랫폼에 의존적이었습니다. JavaScript 1.3 Ja..
0. 선택자 document.getElementById("demo"); document.getElementsByClassName("example"); document.getElementsByTagName("li") document.querySelector("p.example"); document.querySelectorAll(".example"); 1. 함수 파라미터 값이 일정하지 않을때 fn("a","b","c","d","e"); function fn(){ var args = Array.prototype.slice.call(arguments); for(var $i=0 ; $i < args.length ; ++$i) { alert("args["+ $i +"] : "+ args[$i]); } } 2. 문자..
Event event.preventDefault() 기본 이벤트를 저지 함. event.stopPropagation() 사용자가 첨부한 이벤트를 저지 함. default click action is prevented HTML DOM EventsMouse Events onclick 마우스를 클릭 했을 경우 발생하는 이벤트 ondblclick 마우스를 더블클릭 했을 경우 발생하는 이벤트 onmouseup 사용자가 마우스 버튼 누름 상태를 해제할떄 발생하는 이벤트 onmousedown 사용자가 마우스를 눌렀을경우 발생하는 이벤트 onmousemove 요소 위에있는 동안 포인터를 이동하면 이벤트가 발생 onmouseover 마우스가 지정된 영역안에 들어가면 발생하는 이벤트 onmouseout 마우스가 지정된 영..
- Total
- Today
- Yesterday