TRstory

현재 년도

new IntersectionObserver(callback[, options]);Intersection Observer API 의 IntersectionObserver 인터페이스는 대상 요소와 상위 요소, 또는 대상 요소와 최상위 문서의 뷰포트 가 서로 교차하는 영역이 달라지는 경우 이를 비동기적으로 감지할 수 있는 수단을 제공합니다.DOC : https://developer.mozilla.org/ko/docs/Web/API/IntersectionObserver 메서드설명.observe(targetElement)루트 내에서의 가시성 변화를 감지할 element입니다. 루트 요소의 자손이어야 합니다. 루트가 현재 문서의 뷰포트일 경우 이 요소도 문서 내에 위치해야 합니다.반환값 : undefined.di..

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()되도록 요소의 상위 컨테이너를 스크롤합니다. 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..