본문 바로가기

전체 글

 (286)
[Javascript] ie8 이하에서 getElementsByClassName지원하기, (Polyfill getElementsByClassName) ie8 이하부터는 헬 그 자체다.. 123456789101112131415(function Polyfill_getElementsByClassName() { if (!document.getElementsByClassName) { window.Element.prototype.getElementsByClassName = document.constructor.prototype.getElementsByClassName = function (classNames) { classNames || (classNames = '*'); classNames = classNames.split(' ').join('.'); if (classNames !== '*') { classNames = '.' + classNames; } re..
[Javascript] ie에서 requestAnimationFrame 지원하기 (Polyfill requestAnimationFrame) 사실 대비라기 보다.. rAF를 지원하지 않는 브라우저일 경우,제이쿼리 방식처럼 setTimeout() 으로 알아서 변경하여준다. 123456789101112131415161718192021222324(function requestAnimationFrame_polyfill(){ var lastTime = 0; var vendors = ['webkit', 'moz','ms','o']; for(var x = 0; x
[Javascript] ie9 이하에서 classList 지원하기, (Polyfill classList) link : https://github.com/eligrey/classList.js/blob/master/classList.js 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414..
[javascript]IE8에서 getElementsByClassName() 사용하기 12345678910111213141516/* getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드 */if (!document.getElementsByClassName) { document.getElementsByClassName = function (cn) { var rx = new RegExp("(?:^|\\s)" + cn+ "(?:$|\\s)"); var allT = document.getElementsByTagName("*"), allCN = [],ac="", i = 0, a; while (a = allT[i=i+1]) { ac=a.className; if ( ac && ac.indexOf(cn) !==-1) { if(ac===cn){ allCN[allCN.length..
[번역]당신이 좋아할만한 CSS 애니메이션 예제 - Design link : https://www.designyourway.net/blog/design/css-animation-examples-that-you-will-like/ 웹 기반의 솔루션, 그리고 애니메이션을 제작하려는 사람이라면 이제 더 이상 플래시를 만들 필요가 없다는 긍정적 사실에 놓여져있습니다.이제는 Flash뿐만 아니라 After Effects 및 Silverlight와 같은 프로그램에 의존하지 않고도 CSS를 사용하여 하단과 같은 작업을 만들 수 있죠. 다음은 CSS 애니메이션이 기존의 애니메이션보다 많은 장점 중 일부입니다.이전의 자바 스크립트 지식이 없어도 만들 수 있으며 간단한 애니메이션 측면에서 사용하기 쉽습니다.애니메이션은 언제나 잘 작동합니다. 또한 CSS에서 작동하는 렌더링 엔진은 프레..
[Javascript] 페이지 이동하기, 새창 띄우기 ( location.href, replace ... ) location.replace()와 location.href를 이용해서 페이지를 이동시킬 수 있다. 새 창으로 띄우고 싶을때는 window.open() 함수를 사용해야 한다. replace와 href의 차이는 href는 그대로 페이지 이동을 의미하지만, replace는 현재 페이지에 덮어씌우기 때문에 replace를 사용한 다음에는 이전 페이지로 돌아갈 수 없다. Example ) 1 2 3 cs Example in javascript ) 1 2 3 4 5 6 7 var link = 'http://bino.blog'; location.href=link; location.replace(link); window.open(link); cs
영화 피끓는 청춘 [2014] 이종석, 박보영, 이세영, 김영광 주연 박보영, 이종석, 이세영, 김영광 이 나오는그야말로 외모로는 탑을 달리는 배우들이 대거 출연하는 영화다. 영화 내내 주연배우들의 외모가 빛을 발한다. 내가 영화관에 거울을 들고갔다면 5층이나 되는 그 높이에서 뛰어내렸을게 자명하다. 이런 외모의 주연이 4명이나 있으니 보는 내내 얼굴에 눈이 감. 영화의 줄거리 는, 그냥 일진영화다. 뭣 모르는 어린애들이 멋져보이는걸 하나씩 따라할만한 소재가 가득하다.분명 영화의 씬 몇개는 실제로 많이 따라했을 것이다. 실제로 필자도 학교다닐때 자주 맞고다녔기 때문에, 눈에 익었던 상황이 자주 연출되는 것이 보였다. 스토리라고 할만한건 딱히 없고 한 문단으로 설명이 가능하다. 이종석이 자신의 훤칠한 외모를 이용하여 여자들을 꼬시고 다니는데, 일진 대빵인 박보영이 그를 좋아..
[link] Windows 방화벽에서 TCP 80번 포트 열기 원글 : https://wiki.mcneel.com/ko/zoo/window7firewall 개요Zoo 5는 Rhino 5 클라이언트와 TCP 80번 포트 (HTTP)를 통해 연결이 됩니다.Zoo 5를 설치한 후, Zoo 서버 시스템에 실행되는 방화벽 소프트웨어에서 들어오고 나가는 커뮤니케이션 모두TCP 80번 포트가 열려 있는지 확인합니다.안내: 대부분의 방화벽 소프트웨어에서 TCP 80번 포트는 기본적으로 나가는 커뮤니케이션에 열려 있습니다. 따라서 Rhino 워크스테이션에서 실행되는 방화벽 소프트웨어에서는 따로 포트를 열 필요가 없습니다.단계다음은 Windows에 포함된 방화벽 소프트웨어인 Window 방화벽에서 TCP 80번 포트를 여는 방법에 대한 안내입니다. 별도의 방화벽 소프트웨어를 사용한다..

티스토리툴바