코드노트

/asset/images/rnd/patent/sort1/" alt="">

git config --global user.name 사용자닉네임 git config --global user.email 사용자이메일 git remote add orgin 깃허브주소

- sass 설치 1. Node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 터미널: npm install -g node-sass or Dart 버전 Sass설치(최근 dart sass라는 방식의 설치를 권장, 최신버전이다 보니 sass의 새로운 기능들도 많이 포함) 기존 node-sass 설치했다면 삭제하고 설치해야함 삭제 npm uninstall node-sass 설치 npm install sass -g dart sass만의 새로운 문법 및 사용법은 공식홈에서 확인가능(https://sass-lan..

https://community.adobe.com/t5/adobe-xd-discussions/unable-to-drag-and-drop-images-into-adobe-xd-on-windows-machine/m-p/9205680#M2854 Re: Can't Drag Images Into XD I For those who are under some domain rules in corporate environment, I open regedit and here: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System change EnableLUA to 1 … after restart I can drag and drop betw..

한 도메인은 ssl 가지고 있고 다른 도메인은 그냥 http였다. 같은 페이진데 ssl 등록된 도메인에서는 maphilight.js 가 적용이 안되길래 콘솔 열어보니까 아래의 에러가 있었다. This request has been blocked; the content must be served over HTTPS. 아마 maphilight.js cdn이 http라서 보안에 걸린듯? 해결은 헤더에 아래 메타태그 넣으면 된다.

AOS.init({ disable: function() { var maxWidth = 769; return window.innerWidth < maxWidth; } });

- input type=range 로 만드는 것 - dots: true, cont cont cont cont const IndexEquip = $('#index .facIntro .equip ul, #overview .history article > ul'); const IndexEquipPro = $('#index .facIntro .equip .progress, #overview .history article .progress'); IndexEquip.on('beforeChange', function(event, slick, currentSlide, nextSlide) { let calc = ( (nextSlide) / (slick.slideCount - 1) ) * 100; IndexEquipPro..

맵하이라이트(maphilight.js) $.fn.maphilight.defaults = { fill: true, //이미지맵 링크에 마우스가 올라오면 색을 넣을 건지 여부 fillColor: 'ffffff', // 색상지정 fillOpacity: .2, // 투명도 지정 0~1 stroke: true, // border를 넣을건지 여부 false로 설정하면 이하 옵션 무시됨 strokeColor: 'ffffff', //border 색상 strokeOpacity: 1, //border 투명도 strokeWidth: 1 //border 폭 } $('img[usemap]').maphilight(); // 위에 설정값 넣고 맵하이라이트 적용해줘야 적용됐다.; 탭에 마우스 오버시 이미지맵에 하이라이트 들어오도록 ..

function sliderSet(slickfor,slicknav){ slickfor.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor:slicknav }); slicknav.slick({ slidesToScroll: 1, slidesToShow: 5, arrows: true, centerMode: true, focusOnSelect: true, asNavFor: slickfor }); } $('.facility_pannel').each(function(i,el){ i+=1; var slickfor = $(el).find('.facility_slider').addClass('slider'+ i) var slick..

.bo_v_nb{line-height: 1.2;} .bo_v_nb li{display: flex; font-size: 1.333em;} .bo_v_nb li .nb_tit{white-space: nowrap;} .bo_v_nb li .nb_date{display: block; margin-left: auto;} /* 링크 부분 */ #bo_v_link li::after{display: block; content: ""; clear: both;}

@media (hover: hover) { //이곳에 :hover 할 것을 적으면 됨 }

three.js 사용하는데 마우스 휠 기능이 있어서 fullpage.js의 스크롤이랑 겹치길래 3D영역제외 했을 때만 풀페이지 스크롤이 가능했으면 좋겠었음 $("#here3D").mouseenter(function(){ $('#fullpage').on('scroll touchmove mousewheel', function(e){ e.preventDefault(); e.stopPropagation(); return false; }) }); $("#here3D").mouseleave(function(){ $('#fullpage').off('scroll touchmove mousewheel'); });