유튜브 영상 너비(width)값에 맞추어 높이(height)값 비율 맞추기 가로 세로 비율을 이용하여 스타일을 적용하는 방법입니다. html css .wrap{ width:500px; } .content{ position:relative; padding-top:56%; width:100%; } iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } 적용 사항은 아래와 같습니다.
fingerPrint2.js 라이브러리 사용(브라우저 지문)
https://okayoon.tistory.com/entry/fingerprintjs-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%A7%80%EB%AC%B8 Fingerprint.js란?__브라우저 지문 라이브러리__보안 Fingerprint.js 라이브러리 https://github.com/Valve/fingerprintjs 사용자의 브라우저 버전을 표시할 수 있다. - 웹 서버가 통신을 하는 과정에서 전송되는 기본정보 - 브라우저의 종류 - PC의 운영체제(OS) -.. okayoon.tistory.com fingerPrint.js는 더 이상 관리하지 않는다고 한다. https://github.com/Valve/fingerprintjs https://github.com/V..
일본어 전각, 반각 이슈(Windows10, 8 일본어 언어 추가 방법)
요구사항 숫자 전각을 반각으로 인식 문제점 일본어는 전각, 반각이 있다. 반각은 1byte, 전각은 2byte byte체크하는 함수를 만들었을 때.. 오류가 발생! JS - 전각 숫자를 반각 숫자로 변경 String.prototype.toHalfWidth = function(){ return this.replace(/[！-～]/g, function(r){ // replace의 정규식은 요구사항에 맞추어 변경가능 return String.fromCharCode(r.charCodeAt(0) - 0xFEE0); }); }; var result = '０００'.toHalfWidth(); console.log(result); // 000 - 숫자외에 입력 불가 result = result.replace(/\s|\D..
javascript .filter 메서드를 알아보자. 새로운 배열을 생성한다.기존 배열에 영향이 없다. 어떻게 쓰지?원하는 조건으로 필터하면 된다. list = [1,2,3,4,5]; 배열을 한번만 돌았다고 치면list.filter(item, index, traverse => { item = 1 index = 0 traverse = [1,2,3,4,5]}); 10 이하의 값을 필터링 할 수 있다.const list = [10, 5, 20, 6];const result = list.filter(item => item < 11);
Fingerprint.js 라이브러리 https://github.com/Valve/fingerprintjs 사용자의 브라우저 버전을 표시할 수 있다. - 웹 서버가 통신을 하는 과정에서 전송되는 기본정보 - 브라우저의 종류 - PC의 운영체제(OS) - 쿠키 사용여부(브라우저 설정값) 정보 - 어도비 플래시(Adobe Flash), 자바 가상머신(Java Virtual Machine)을 통해 브라우저 기능을 지원하는 프로그램의 버전 - PC의 표준시 - 화면 해상도 - PC의 보유 글꼴 및 색상 등의 정보 - 그 외에도 여러가지. 이러한 정보들을 모아서 브라우저 지문이라고한다. 개인을 식별 할 수 있는 정보이기보다는 접속한 pc, 브라우저의 단순한 설정 정보를 말한다. 다양한 값을 가지기 때문에 로그인 ..