본문 바로가기

전체 글

 (534)
모바일 기기에서 iframe 없이 youtube 영상 자동재생 유튜브 정책에 의해, 자동 재생(autoplay) 은 묵음(무음, mute) 상태에서만 가능. 기본 세팅은, 썸네일을 클릭했을 때 재생되면서 음원도 들리는 방식. 유튜브 사이트가 아니라, 내 사이트에 유튜브 영상을 embed 하면서, 화면이 열릴 때 바로 재생(play) 가 되게 하려면.. 상기와 같이 iframe 을 사용하면서 autoplay=1&mute=1 이라고 세팅하면 되는데.. PC 에서는 잘 되지만, 모바일 기기에서는 작동하지 않아요. 사실은, iOS 가 들어간 모바일 기기에선 작동하고, Android 가 들어간 모바일 기기에선 작동하지 않는거. 자, 여기서 부터가 오늘 이야기 하려는 내용. 모바일 기기(iOS 와 Android 모두)에서도 작동하게 하려면 YouTubeIframeAPI 를 사..
크롬에서 로그인시 세션 만료 에러 (iframe 때문?) 크롬의 행보와 매번 부딪히게 되네요.. 크롬이 http 를 지양하고, https 를 지향한다는 것은 이미 알려진 사실이구요. 최근에 크롬이 CSRF 를 이유로 iframe 을 사용할 때 세션을 끊어먹는(실제로는 쿠키값을 복사하지 않는) 만행(?)을 저지르고 있습니다. 그냥 웹사이트를 https 로만 돌게 하지 왜, 크롬의 만행이라고 하느냐 하면요.. 동일 도메인임에도 쿠키값을 복사하지 않아서 그렇습니다. ^^; 나는 전혀 문제 없는데, 왜 문제를 삼느냐구요..? 사실인즉 이렇습니다. 예전에는 모든 웹사이트가 http 로 설계되었습니다. 그러다가 보안이 강조되다 보니 (우리나라에선 KISA 의 영향이 크죠), 로그인 부분에 https 를 사용하게 되었구요. 그런데, http 화면에서 https 를 사용하다..
Eclipse, java, os bit - 32Bit 운영체제 지원가능, ~ 2018-09 - 64Bit 운영체제만 지원, 2018-12R ~ - java 8 가능, ~ 2019-12(4.14) - java 9 가능, Oxygen 4.7.1a ~ - java 11 이상, 2020-09(4.17) ~
크롬에서 로그인이 안 될 때..? MS 의 인터넷 익스플로러와 (크로뮴)엣지, Naver 의 웨일, Apple 의 사파리 등등에서는 로그인이 잘 되는데.. 크롬에서는 어떤 사람은 로그인이 잘 되고, 어떤 사람은 로그인이 안 된다고 할 때.. 크롬이 SameSiteCookie 를 손 보고 있어서 그런듯 하구요. 웹 프로그램에서 적절히 대응할 코드가 아직은 없는데, (http 와 https 를 오가지 말고, 그냥 https 로만 꾸리면 되긴 합니다만.. 시스템이 느려지죠) 해당 PC 의 크롬 세팅을 조정하면 로그인이 됩니다. 미봉책이긴 하지만요.. 아래에 설명된 대로 해 보세요.. #1. 크롬에서 새로운 탭을 열고 주소창에 chrome://flags 입력하고 엔터. #2. 검색어 입력창에 cookie 입력하고 엔터. #3. SameSite ..
[carouFredSel] 가변폭 요소들이 슬라이드 될 때 가운데 정렬하는 방법 * jquery.carouFredSel-6.2.1-packed.js www.jqueryscript.net/demo/Circular-Responsive-Slideshow-Plugin-carouFredSel/ ul - li 구조로 오른쪽에서 왼쪽으로 움직이는 슬라이드 쇼를 구현할 때, carouFredSel 을 사용해 보세요. $('#ul_태그에_대한_아이디').carouFredSel({ auto:{ pauseOnHover:'resume'}//최초 슬라이딩, 마우스 커서가 올려지면 일시 멈춤, 커서가 벗어나면 슬라이딩 재개 //마우스 커서 움직임과 상관없이 슬라이딩 하려면 auto:true 하면 됨 ,scroll:1//li 가 scroll 갯수만큼 움직임, 2 라고 세팅하면 한 번에 2개의 li 가 움직임...
자바스크립트 데이타 최적화....? - 자바스크립트 기본원리 : Shape (Mozilla 의 SpiderMonkey 에서 사용되는 용어) 와 ICs(인라인 캐시) o shlrur.github.io/javascripts/javascript-engine-fundamentals-shapes-and-Inline-caches/ o meetup.toast.com/posts/78 참조 (내용이 겹친다 싶으면, 아래로 스크롤 해서 결론 부분만 읽어 보심이..) o engineering.huiseoul.com/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%9E%91%EB%8F%99%ED%95%98%EB%8A%94%EA%B0%80-..
css 와 javascript 의 문자셋 .css 는 파일 상단에 charset 을 세팅할 수 있다. javascript 는 script 태그의 옵션에 charset 을 세팅할 수 있다.
chartjs-plugin-datalabels 그래프 모든 라벨 동시에 표시 CharJS 의 사용법과 옵션은 www.chartjs.org 에 가면 다 나옵니다.. 참고 바랍니다. ^^; 여기서 다룰 것은, chartjs 에서는 툴팁이 마우스 커서를 올려야(hover) 표시되는데.. 모바일 기기에서는 이게 안 되잖아요. 그러니 차트가 그려질 때, 숫자가 모두 보여져야 한다는 거구요. 이걸 해결하기 위해 chartjs 용 플러그인으로 datalabels 를 사용하는 겁니다. 일단 chartjs-plugin-datalabels.netlify.app 를 방문해서 참고하시고.. datalabels 플러그인을 세팅하면 그래프 안에 수치가 주욱 들어갑니다. 그런데, data set 에는 수치로만 넣어야 하기 때문에.. 수치에 대한 단위라든가, 천자리 쉼표 처리는 datalbels 의 form..

티스토리툴바