본문 바로가기

프로그래밍/JavaScript

javascript 로 숫자에 소수점 여부 확인하기 javascript 로 소수점 여부 확인하기 //소숫점이 존재할 경우if(isNaN(flt) == false && Number.isInteger(flt)==false){ //구현하기} // isInteger는 es6 임. ie 11 에서는 안되므로 함수 만듬.Number.isInteger = Number.isInteger || function(value) { return typeof value === "number" && isFinite(value) && Math.floor(value) === value;}; 참고자료 : https://stackoverflow.com/a/31720368
javascript 로 guid 만들기 https://stackoverflow.com/a/105074 function guid() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } document.getElementById('jsGenId').addEventListener('click', function() { document.getElementById('jsIdResult').value = guid(); })input { font-family: monospace;..
자바스크립트 하이라이트 라이브러리 highlight.js https://highlightjs.org/ hljs.initHighlightingOnLoad(); 만약 언어가 c# 이면 html 대신 cs 라고 기재하면 됩니다. ... jQuery 로 pre code 태그를 찾아 하이라이트 지정을 해 주는 방법입니다. $(document).ready(function() { $('pre code').each(function(i, block) { hljs.highlightBlock(block); }); }); 자세한 가이드는 https://highlightjs.org/usage/ 입니다.
YouTube Player API 유투브 플레이어 api 사용해 보기 https://developers.google.com/youtube/iframe_api_reference?hl=ko 유투브 API의 JavaScript 함수를 사용하여, 재생을 위해 동영상을 대기열에 넣거나, 동영상을 재생, 일시중지 또는 중지 및 플레이어 볼륨을 조정, 재생 중인 동영상에 대한 정보들을 가져올 수 있습니다. 또한 플레이어 상태 변경 또는 동영상 재생 품질 변경과 같은 특정 플레이어 이벤트에 대한 응답으로 실행되는 이벤트 리스너를 추가할 수 있습니다. 1. 유투브 플레이 - 6초 정도 보여주고 stop 하기 DOCTYPE html> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.crea..
facebook login, Graph API, Sharing 알아보기 (www.fbrell.com) http://www.fbrell.com/examples/ Examples Facebook Login 1 - Basic Login 2 - Checking and Tracking Login Status 3 - Requesting Additional Permissions 4 - Putting it all together Graph API 1 - Reading 2 - Reading Edges 3 - Publishing 4 - Page Admin Sharing 1 - Social Plugins 2 - FB.ui Dialogs
javascript 로 파일 다운로드 처리하기 (javascript file download) 자바스크립트 만으로 파일을 다운로드 하는 방법을 찾긴 했는데, IE 및 EDGE 브라우저에서 새창 띄우는 부분이 조금 이슈가 있네요.PC 환경의 크롬에서는 잘 되고 있는것을 확인했습니다. 모바일 기기 환경에서는 안되니 참고하시기 바랍니다. 참고 사이트 : http://fil.wo.tc/742 var browserName = undefined; var userAgent = navigator.userAgent; switch (true) { case /Trident|MSIE/.test(userAgent): browserName = 'ie'; break; case /Edge/.test(userAgent): browserName = 'edge'; break; case /Chrome/.test(userAgent):..
File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기 File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기 HTML5는 마침내 File API 사양을 통해 로컬 파일과 상호 작용하는 표준 방법을 제공합니다 . 기능의 예로 File API를 사용하여 이미지가 서버로 전송되는 동안 미리보기 이미지 미리보기를 만들거나 사용자가 오프라인 상태 일 때 앱이 파일 참조를 저장할 수 있습니다. 또한 클라이언트 측 로직을 사용하여 업로드의 MIME 유형이 파일 확장자와 일치하는지 확인하거나 업로드 크기를 제한 할 수 있습니다.이 스펙은 '로컬'파일 시스템에서 파일에 액세스하기위한 몇 가지 인터페이스를 제공합니다.File- 개별 파일; 이름, 파일 크기, MIME 형식 및 파일 핸들에 대한 참조와 같은 읽기 전용 정보를 제공합니다.FileList- 배열과 같은 일..
아이프레임 iframe 리사이즈 resize 조절 하는 방법 아이프레임 iframe 리사이즈 resize 조절 하는 방법https://github.com/davidjbradshaw/iframe-resizer 부모 페이지 DOCTYPE html> body { margin: 0; padding: 0; } iFrameResize({ log : false, // Enable console logging inPageLinks : true, resizedCallback : function(messageData){ // Callback fn when resize is received $('p#callback').html( 'Frame ID: ' + messageData.iframe.id + ' Height: ' + messageData.height + ' Width: ' + ..