본문 바로가기

전체 글

print screen 후 웹페이지에 붙여넣기 하기 * 프린트 스크린후 웹페이지에 붙여넣기 Paste Capture 'Image' 설명 더보기
[작업정리] letsencrypt 무료 인증서 발급하여 https 로 접속 무료 인증서를 발급할 일이 생겨 자료 찾고 적용했는데, 정리하는 겸 포스팅합니다.아래 내용에서 틀린점을 찾으신다면 댓글 바랍니다. 참고 사이트 :메뉴얼 : https://certbot.eff.org/docs/using.htmlhttps://www.enteroa.com/2016/03/12/lets-encrypt-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%9A%B4%EC%9A%A9centos/comment-page-1/https://findstar.pe.kr/2018/09/08/lets-encrypt-certificates-rate-limit/ 1. 2017.11 기준 지원 브라우저 : https://letsencrypt.org/docs/certificate-compatibility/Mozi.. 더보기
대부분 브라우저 호환되는 클립보드에 텍스트 복사하기 + 출처표기 대부분 브라우저에 호환되는 클립보드(clipboard)에 호환되는 텍스트 복사하기 https://jsfiddle.net/jsLfnnvy/12/https://clipboardjs.com/http://stackoverflow.com/questions/31593297/using-execcommand-javascript-to-copy-hidden-text-to-clipboard Clipboard Copy 설명 이메일 주소 아이디 Default Primary Success Info Warning Danger Copy 더보기
input type="file" 폴더 업로드 (webkitdirectory directory) http://stackoverflow.com/questions/12942436/how-to-get-folder-directory-from-html-input-type-file-or-any-other-way demo : http://whatdo.net/html5/example/#10 attribute 가 webkitdirectory directory 인듯하니 웹킷 엔진만 된다. 2016.05.17 확인해본바, 윈도우는 최신 크롬계열(카나리포함),오페라,비발디가 지원하며 IE11 이 의외로 지원한다.파폭,사파리,스윙은 지원하지 않는다. Mac은 크롬,카나리,chrome for dart 만 지원한고,파폭(개발자버전포함),사파리,오페라는 지원하지 않는다. 현재 webkitdirectory 만 인식하고 direc.. 더보기
*** 페이스북 API 메인으로 전송이 아니고 팬페이지로 전송하기-퍼미션 (keyword : facebook-api-posting-as-a-page, facebook-api-publish-to-page or fan page, 퍼미션,permission, 페이스북 페이지, facebook page) 참고 : https://www.webniraj.com/2012/08/09/facebook-api-posting-as-a-page/ - 해당 팬페이지 page id 와 access_token 얻기: 메인 페이스북으로 보내는 access_token 과 팬페이지로 보내는 token이 다르기 때문에 다시 찾아야 함 https://developers.facebook.com/tools/explorer/ 에서 접속 토큰얻고, graphic api 선택후 /me/accounts 입력후 submit.. 더보기
좌우로 슬라이드(vertical slide) 많이들 사용하는 가로로 슬라이드?? 뭐라 이름이 좀 모르는데 아래 그림 참고.간단히 움직임만 따라해봄. 데모 : http://whatdo.net/html5/example/verticalSlide.html js 코드 /*- 가로로 움직이는 갤러리@params : 옵션이며 없다면 기본값으로 적용됨target : 움직일 부모 객체 (css selector default : .vertical_motion)mover : 마우스오버할 target 의 '자식' 객체 (css selector default : .vm_list) @html data-* : 옵션이며 없다면 기본값으로 적용됨data-min : 최소넓이값(string numberic type default : "130") data-motion-auto : 자.. 더보기
페이스북 최근 게시물 중 좋아요 순으로 추출하기(api 이용) 회사에서 필요할 것 같아 만들었는데 다른 방식으로 함.혹시 누군가에게 도움될까 해서? 공개로 전환함. # json 으로 뽑아오기 https:// GET 만 가능$limit = 250; # 한번에 가져올 갯수 (limit 250개)$pageId = 'page id'; # 페북페이지 아이디 (me/accounts/ 해서 나옴) - 페이지가 아니라면 me/로 바꿈$accessToken = 'access token';$host = 'graph.facebook.com';$path = '/'.$pageId.'/posts?limit='.$limit.'&access_token='.$accessToken; $linebreak = "\r\n";$data = '';$req = '';$req .= 'GET ' . $path .. 더보기
javascript hoisting(호이스팅) 이란 (참고 : http://insanehong.kr/post/javascript-function/) 인터프린터가 자바스크립트 코드를 해석함에 있어서 Global 영역의 선언된 코드블럭을 최상의 Scope로 끌어올리는 것을 호이스팅이라 한다. 함수, 변수등을 아래에 선언하더라도 js엔진이 이것들을 실행블럭의 최상단으로 할당한다.여기서 실행블럭이라 하면 js는 함수(function)단위이다. 헌데 대입(=)구문으로 들어간 것들(변수에 할당된것)은 따라 가지 않고 {} 로 선언된 것들만 최상단에 자동으로 위치하게된다. 즉, function a(){~~~} 는 호출구문 아래 작성되었더라도 엔진에 의해 블럭의 최상단으로 옮겨져 해당 함수를 어디서든 호출하여도 에러가 나지 않지만 var a='a' 로 선언된것은 var.. 더보기