본문 바로가기

🌈etc

(9)

[vscode] 오늘날짜 단축키 넣기 보호되어 있는 글입니다.

swiper 사용법 웹서치하다가 swiper demo 참고용으로 보기 좋아서 업로드해본다. 참고 웹사이트https://b-risk.jp/blog/2022/04/swiper/ 【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付きー基礎から応用Webサイトのコーディングをするなら必修とも言えるスライダー。スライダー実装用のJSプラグインはいろいろありb-risk.jp

[VScode] VScode 단축키 모음 사이트 https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC 💽 유용한 VSCode 단축키 모음 - 개발을 누구보다 빠르게VSCode 유용한 단축키 모음 개발(코딩) 하는데 있어 적당히 타이핑하면 되지 굳이 단축키(shortcut)를 익혀야 하나 싶겠지만, 단축키를 아냐 모르냐 유무에 따라 개발 생산성 차이가 어마어마 해진다inpa.tistory.com 업무할 때 유용한 단축키 모음 설명글이다.필수는 아니지만 알아야 업무 효율성이 높아진다😭 내가 익숙해져야 할 단축키들1. ctrl + D : 같은 단어 하나씩 선택(밑으로 하나..

[plugIn] 도넛차트(원형차트) How to https://github.com/rendro/easy-pie-chart GitHub - rendro/easy-pie-chart: easy pie chart is a lightweight plugin to draw simple, animated pie charts for single values easy pie chart is a lightweight plugin to draw simple, animated pie charts for single values - GitHub - rendro/easy-pie-chart: easy pie chart is a lightweight plugin to draw simple, animated pie ch... github.com Get Started h..

vw To pixel (px) Converter // vw를 px로 바꾸기 Pixel (px) = (Viewport width unit (vw) * Viewport width) / 100 px = (설정한 vw(ex:5vw) * 보여지는 화면 넓이(ex:1920px) / 100) = 96px rem = (구하고자 하는px) / 96 https://www.pixelconverter.com/vw-to-pixel-px-converter/

[plugIn] 반응형 이미지 링크 걸기(jQuery-rwdImageMaps) [plugIn] 반응형 이미지 링크 걸기 반응형 이미지에 링크를 걸어서 제작하는게 쉽지 않다. jQuery plugin을 사용하여 이미지에 맞는 링크를 걸 수 있는 플러그인을 소개하고자 한다. (반응형조직도를 만들 때 많이 쓴다.) 1. 세팅준비 jQuery-rwdImageMaps에 들어가 jquery.rwdImageMaps.js 또는 jquery.rwdImageMaps.min.js을 다운받아 넣는다. 이 때 주의할 점은 jQuery가 먼저 오도록 한다. 2. 이미지준비 https://www.image-map.net/ 에 들어가 원하는 이미지를 넣어 라인을 따라 만든다. Active Shape Link Title Target 현재 진행중인 이미지 맵 - Rect -Poly -Circle 클릭 시 링크 주..

[JSP] vscode로 JSP 작업환경세팅 & header / footer 연결 jsp로 header, footer 연결하기 메인 html에 header / footer 따로 떼서 붙일 수 있는 방법은 jquery의 include방법밖에 찾지 못했다. (이것도 로컬이 아닌 서버 환경에서만 볼 수 있음.) jsp도 물론 서버에서만 확인 가능하지만 jquery가 아닌 jsp로 직접 header, footer를 따로 만들어서 떼는 방법을 알아보자. 세팅 VScode 필요. tomcat 설치. 그외 나머지는 vscode의 확장 프로그램으로 설치. 세팅 - tomcat 설치. vscode로 JSP 환경구성을 하기 위해서는 tomcat 설치가 필요하다. 아래 블로그를 보고 순서대로 설치. https://nevertrustbrutus.tistory.com/245 header / footer js..

[PlugIn] slick slider slick slick slick_github slick 예제 #Settings settings Type Default Description accessibility boolean true 탭 및 화살표 키를 사용한다. autoplay: true일 경우, 슬라이드 변경 후 브라우저 포커스를 현재 슬라이드(또는 여러개의 slideToShow 인 경우, 현재 슬라이드의 첫번째)로 설정한다. 또한 완벽한 접근성 준수를 위해 focusOnChange를 활성화한다. adaptiveHeigh boolean false 슬라이더 높이를 현재 슬라이드에 맞춘다. appendArrows string $(element) 방향 화살표 변경.(Selector, htmlString, Array, Element, jQuery obj..

이전 1 2 다음

티스토리툴바