#YTPLAYER #비메오 +YTPLAYER 참조 https://github.com/pupunzi/jquery.mb.YTPlayer GitHub - pupunzi/jquery.mb.YTPlayer: use a custom yutube player for a video as background on jQuery framework use a custom yutube player for a video as background on jQuery framework - GitHub - pupunzi/jquery.mb.YTPlayer: use a custom yutube player for a video as background on jQuery framework github.com +비메오참조 https://git..
#그래픽 사용자 인터페이스(graphical user interface, GUI)는 사용자가 편리하게 사용할 수 있도록 입출력 등의 기능을 알기 쉬운 아이콘 따위의 그래픽으로 나타낸 것이다. #문자(콘솔) 사용자 인터페이스(character user interface,CUI): 그래픽 사용자 인터페이스의 이전판 #Node Package Manager(혹은 Node Package Module)의 줄임말로써 Python의 pip나 Ruby의 gem처럼 Node.js의 패키지를 관리할 수 있는 도구이다. 또한 npm을 사용하여 패키지를 공유하는 온라인 패키지 저장소의 이름이기도 하다(packge manager- 관리) #npx(packge runner 실행) npm에서 제공해주는 하나의 도구입니다. 따라서 n..
#css 파일의 경우 href 값에 ver 추가 버전 정보를 파일명(text/css) 뒤에 추가함으로서 브라우저가 기존 url과 다른 url인지 인식한 후 캐쉬된 파일 대신에 쿼리스트링이 추가된 css 파일을 읽어온다. #JS도 마찬가지로 추가 src에 추가 *ver=숫자; 여기서 숫자는 아무 숫자를 사용해도 상관 없다. 특히나 내 pc에서 확인했을 때 수정 내용이 반영되었다고 해도 다른 pc에서 반영되었다는 보장이 없기 때문에 필수로 해야하는 작업이다. -위의 글은 모바일에서만 허용됨 / pc 에서 안될경우 강제로 쿠키 삭제를 해야함 참고: http://kan..
#100vh 오류 해결 :root { --vh: 100%; } html,body,.main_box{ height: 100vh; height: var(--vh); } let vh = 0; useEffect(() => { vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }, []); const setVh = () => { document.documentElement.style.setProperty('--vh', `${window.innerHeight}px`) }; window.addEventListener('resize', setVh); setVh(); 리사이징시와 ios에서 주소창에 가..
#js에서 import 하기 (파일명예:test_js.js) //제이쿼리 import var str = "https://code.jquery.com/jquery-latest.min.js"; function loadScript(url, callback) { var script = document.createElement('script'); script.src = url; script.onload = callback; document.getElementsByTagName('head')[0].appendChild(script); } var myloaded = function() { document.write(str); // hello 출력됨 } loadScript(str); //css import var cs..
//별점 function isInteger(number) { //소수점이 있는지 테스트 return number % 1 === 0; } function star_check(){ var star_li = $('.apps_box > ul > li'); //console.log(star_num); $(star_li).each(function(){ var star_num =$(this).find('.apps_star div'); var star_img = $(star_num).siblings().children('.apps_box .apps_star ul li'); var real_star =$(star_num).text(); //console.log(real_star); if(isInteger(real_sta..
