tip

Python is not set from command line or npm configuration Error: Could not find any Python installation to use npm i 치는데 python 뭐시기 오류가남 강의땜에 뭐 설치하다가 오류난거라 다른 수강생분들의 큐앤에이를 보다 오류 해결,,!! sudo npm i -g node-gyp npm i bcrypt npm i sudo명령어 치고 맥 비번입력후 다음 명령어 순서대로 치니 정상적으로 npm 설치완~~!!!

현재 회사에서 스와이퍼 캐러셀 많이 사용 하고 있다. 그런데 만약 캐러셀에 링크를 넣는다거나 다른 이미지에 링크를 걸고 다른페이지 이동후 원래 페이지로 돌아오면 캐러셀이 멈추는 현상이 있는것!!!! (모바일 크롬,사파리 등) 이것땜에 여러가지 방법을 시도하다가 이유를 찾아 나름의 방법을 찾았다..! 일단 멈추는 근본적인 원인은 bfcache(역캐시) 때문이었다 bfcache 는 접속한 브라우저 에서 뒤로가기/앞으로가기를 했을 경우 이전페이지를 캐싱하여 페이지로드를 따로 하지 않아 기존의 js를 그대로 보존하고 있는걸 말한다. 브라우저 자체를 아예 닫을때 까지 보존된다. 이렇게 되면 응답 속도가 빨라 사용자 경험이 좋아진다. 내폰이 아이폰이라 안드로이드는 확인 못해봤는데 ios에서 bfcache를 사용중이..

See the Pen swiper opacity dim by 이챙 (@chae-young) on CodePen. swiper ver 4.4.2 (스와이퍼) 클래스 off로 모든 슬라이드에 opacity를 적용후 현재슬라이드가 될때마다 off 클래스를 제거하게끔 코드를 작성하였다!!

평소 강의를 보며 강의 선생님들이 함수 화살표랑 부등호연산자가 남다르시길래 저건 어떻게하는 걸까 궁금해 했었는데 최근에 그것이 폰트였단걸 알게되었다. 코딩할때 폰트이쁘면 괜히 잘되는거 같고 이런거 있자나유 ㅋ 바로 Fira Code! 👇🏻👇🏻👇🏻 https://github.com/tonsky/FiraCode GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub. github.com 위 github을 가면 다운..

slick slider centermode가 true일 경우에 슬라이드 갯수가 유동적으로 변하는 경우! 만약 centermode가 되어 있는 상태에서 slideToShow 가 6인데 슬라이드가 1개로 나와야 한다면? 가운데 정렬이 되지 않는다. 6개 이상 에서는 centermode가 적용이되고 6개이하 에서는 centermode가 false가 되도록 하여 가운데 정렬이 슬라이드 갯수와 상관없이 유동적으로 되도록 했다. 슬라이드가 6개이상일 경우 See the Pen KKWvOXW by 이챙 (@chae-young) on CodePen. 슬라이드 6개이하 일경우 See the Pen slick centermode slide2 by 이챙 (@chae-young) on CodePen. variableWidth..

slick slider 슬라이더 기본을 중복으로 여러개 사용 할경우 클래스로 넣어주면 중복 적용이 되는데요. slick navigation 을 사용하는 경우엔 중복사용이 안됩니다. navigation에서 클릭 할 경우 겹치거든요 function sliderSet(slickfor,slicknav){ slickfor.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor:slicknav }); slicknav.slick({ slidesToShow: 4, slidesToScroll:1, focusOnSelect: true, dots: false, arrows:true, infinite:false, asNavFor: slic..

요소에 position absolute 주고 max-width를 사용하여 가운데 정렬을 줄 경우 보통 밑에 코드처럼 작성하죠 이러면 가운데정렬 됩니다. #content{ position: absolute; left: 0; top: 0; right: 0; max-width: 1200px; height: 1200px; margin: 0 auto; background: red; } 그란데?? 익스에서 이게 안먹혀요 ㅡㅡ (익스죽어라) 저도 계속 모르고 있다가 최근 구글링 하다 발견했는데요 너무나 간단한 해결방법이 있더라고요 바로 width:100% 만 추가하면 해결 ^a^ 넘나 어이없음 (나만몰랐나..ㅎㅎ) 익스는 너무 예민하신분,,

나의 job에서는 slick 사용한다.. 하하 반응형 작업할때 pc에서는 slick 이 반응하고 모바일에서는 제거되게끔 하는 소스를 구글 검색하다 알아내서 내가 쓸려고 올리는 포스팅 ~~~ 1 . var slider = $('.slider'); var slickOptions = { infinite: true, slidesToShow: 1, slidesToScroll: 1, dots:true, arrows:true }; $(window).on('load resize', function() { if($(window).width() < 767) { slider.slick('unslick'); }else{ slider.not('.slick-initialized').slick(slickOptions); } });..