jineecode

Port 3000 is already in use. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. 1. 해당 프로세스를 종료하는 방법을 검색 할 수 있습니다. Linux / Mac OS 검색의 경우 터미널에서 (sudo) 실행 : $ lsof -i tcp:3000 $ kill -9 PID Windows : netstat -ano | findstr :3000 tskill typeyourPIDhere git bash에서 taskkill 에 대한 tskill 변경 2. sudo lsof -i: 현재 인스턴스를 닫지 만 백그라운드에서 프로..

1. https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 다운로드 받는다. 2. 압축을 풀고 setup. node가 이미 설치되어있는 경우 중간에 경고창이 뜨는데 yes 해주고 계속 설치해준다. 3. cmd를 열고 nvm 을 쳤을 때 옵션이 뜨면 설치 완료 된 것. 4. node 깔기 (10.15.1 버전) nvm install 10.15.1 5. 노드 버전 리스트 확인 nvm ls 6. 노드 버전 이동..

1. 파비콘 모음 icon-icons.com/ko/ 무료 아이콘 SVG, PNG, ICO 또는 ICNS Agriculture and Farming (Solid ... icon-icons.com 2. 아이콘 모음 www.iconsdb.com/ Icons DB - free custom icons www.iconsdb.com 3. 비디오 용량 압축 사이트 www.videosmaller.com/ko/ 온라인으로 동영상 파일 크기 줄이기, 온라인으로 동영상 압축하기 (MP4, AVI, MOV, MPEG) | VideoSmaller 온라인으로 동영상 파일 크기를 줄이고, 동영상을 압축해 보세요. 화질 저하 없이 MP4 동영상 크기를 줄이고, 동영상을 더 작게 만들어 보세요. www.videosmaller.com

요즘 포폴 작업한다고 fullpage 라이브러리를 쓰고 있다. 이 라이브러리를 쓰면서 적용한 방법을 기록한다. 도큐먼트를 봐도 뭔 말이야...? 하는 상황이 지속해서 오는 바람에 괜히 썼다고 생각하는 중... ㅠㅠ... 라이브러리가 늘 그렇듯 뭐가 안 된다고 해서 js로 재커스텀을 하려고 하면 잘 안 되어서 내 뜻대로 되지 않는다. 1. 앵커 걸기. 구역 또는 슬라이드로 가는 링크 만들기 fullPage.js를 (anchors 옵션이나 각 구역마다 data-anchor 속성을 쓰셔서) 구역의 앵커 링크와 쓰신다면 앵커 링크를 통해 구역 내부 특정 슬라이드로 바로 가실 수 있습니다. 앵커가 들어간 링크 예시는 다음과 같습니다. http://alvarotrigo.com/fullPage/#secondPage/..

alvarotrigo.com/fullPage/ko/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to sections. Fast and simple to use. alvarotrigo.com fullpage 3.x 버전은 라이센스가 필요한 버전이기 때문에 2.9.7버전을 쓰자 (3.X 버전을 적용하고 나면 관리자 모드에 라이센스를 넣어달라는 표시가 뜬다.)

한 시간의 삽질 끝에 알아냈다. 왼쪽은 swiper의 기본 화살표와 내가 적용하려는 화살표가 겹친 모습, 오른쪽은 끝내 파란 화살표를 없앤 모습이다. 결론부터 보자. .swiper-button-next { background: url(/godiva/img/common/next.png) no-repeat; background-size: 50% auto; background-position: center; } .swiper-button-prev { background: url(/godiva/img/common/prev.png) no-repeat; } .swiper-button-next::after, .swiper-button-prev::after { display: none; } 관건은 ::after에 있는..

개요: JS 실력 향상을 위해 JS를 직접 짜는 습관을 들이고 있지만 라이브러리를 쓰는 연습도 필요할 것 같아서 자주, 많이 사용되는 스와이퍼 슬라이드를 써보는 연습을 한다. 제이쿼리CDN을 넣고 싶지 않아서이기도 함... 1. 홈페이지 swiperjs.com/get-started#add-swiper-html-layout Getting Started With Swiper Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 2-1. 간단한 구현만 필요할 경우 CDN을 넣는다. ex) 2-2변형이 조금 필요한 사람들은 다운로드 ..