본문 바로가기

프로그래밍/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" &a..
javascript 로 guid 만들기 https://stackoverflow.com/a/105074function guid() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } ..
자바스크립트 하이라이트 라이브러리 highlight.js https://highlightjs.org/<link rel="stylesheet" href="/path/to/styles/default.css"><script src="/path/to/highlight.pack.js"></script><script>hljs.initHighlightingOnLoad();</script>만약 언어가 c# 이면 html 대신 cs 라고 기재하면 됩니다.<pre&..
YouTube Player API 유투브 플레이어 api 사용해 보기 https://developers.google.com/youtube/iframe_api_reference?hl=ko유투브 API의 JavaScript 함수를 사용하여, 재생을 위해 동영상을 대기열에 넣거나,  동영상을 재생, 일시중지 또는 중지 및 플레이어 볼륨을 조정, 재생 중인 동영상에 대한 정보들을 가져올 수 있습니다. 또한 플레이어 상태 변경 또는 동영상 재생 품질 변경과 같은 특정 플레이어 이벤트에 대한 응답으로 실행되는 이벤트 리..
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 - Readi..
javascript 로 파일 다운로드 처리하기 (javascript file download) 자바스크립트 만으로 파일을 다운로드 하는 방법을 찾긴 했는데, IE 및 EDGE 브라우저에서 새창 띄우는 부분이 조금 이슈가 있네요.PC 환경의 크롬에서는 잘 되고 있는것을 확인했습니다. 모바일 기기 환경에서는 안되니 참고하시기 바랍니다.참고 사이트 : http://fil.wo.tc/742 var browserName = undefined; var userAgent = navigator.userAgent; switch (true) { ..
File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기 File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기HTML5는 마침내 File API 사양을 통해 로컬 파일과 상호 작용하는 표준 방법을 제공합니다 . 기능의 예로 File API를 사용하여 이미지가 서버로 전송되는 동안 미리보기 이미지 미리보기를 만들거나 사용자가 오프라인 상태 일 때 앱이 파일 참조를 저장할 수 있습니다. 또한 클라이언트 측 로직을 사용하여 업로드의 MIME 유형이 ..
아이프레임 iframe 리사이즈 resize 조절 하는 방법 아이프레임 iframe 리사이즈 resize 조절 하는 방법https://github.com/davidjbradshaw/iframe-resizer부모 페이지 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"/> <title></title> <style> body ..