본문 바로가기

JavaScript3

게시글 SNS로 공유 및 클립보드에 복사하기 게시글 SNS로 공유 및 클립보드에 복사하기 웹 애플리케이션의 게시판에 올린 게시글을 공유해야 하는 경우가 있다. 홍보의 이유건, 공유의 이유건 요즘 SNS로의 공유 기능은 필수적인 것 같다. 다행히도 이런 기능을 SNS마다의 방법으로 제공하고 있는데, 공유 링크에 적절한 URL만 넣어주면 된다. 페이스북으로 공유하기u 파라미터에 공유할 주소를 넣어주면 된다.xxxxxxxxxx// 공유 URLhttp://www.facebook.com/sharer/sharer.php?u=게시글URL그 외에 따로 지정하고싶은 것이 있으면 head 내 meta tag를 아래와 같이 지정해주면 된다.x 트위터로 공유하기말 그대로 text에는 text, url에는 URL을 넣어주면 된다.xhttps://twitter.com/in.. 2018. 9. 16.
[jQuery/datepicker] 특정일 비활성화(disabled) 하기 datepicker 특정일 비활성화 [jQuery/datepicker] 특정일 비활성화(disabled) 하기 datepickerdatepicker는 jQuery에서 제공하는 UI Widget으로, text type의 input 태그를 클릭했을 때 달력 모양 위젯이 나타나게하거나 div 태그 내에 달력 위젯이 위치하도록 할 수 있다. datepicker를 사용하기 위해서는 jQuery 소스파일을 import 해야하며, 원하는 태그를 선택해 datepicker로 지정해주면 된다.xdoctype html> ​ // datepicker를 사용하기 위해서는 jQuery의 css 및 js 파일들이 필요하다. // 아래와 같이 CDN을 사용해도 좋고, 파일로 저장해 연결해도 된다. ​ $("#datepicker").. 2018. 9. 4.
[홈페이지 만들기] jQuery 마우스 이벤트 jQuery_마우스이벤트.md jQuery로 마우스 이벤트 CSS 적용하기 하도 수정하고 뜯어고치고 하느라 정리할 틈이 없어서 블로그에 과정을 업로드하진 못했지만 드디어 홈페이지 만들기가 끝났습니다~ 와~ 짝짝짝 물론 부족한 부분도 많고 어딘가 허전하거나 조잡한 부분도 많지만 처음으로 뭔가 만들어낸 거라서 뿌듯하다. 뿌듯한 기념으로 홈페이지에 사용했던 jQuery 구문 중 마우스를 사용할때 일어나는 이벤트들에 따라 CSS를 변경하는 함수들을 정리해보겠다. 다들 일하기싫을 때, 공부하기싫을 때 마우스 움직움직 하면서 멍때리잖아요..? 나만그런가..? 아 참, 시작 전에! jQuery를 사용하려면 외부에서 스크립트 파일을 가져와야하는데, 인터넷에서 쉽게 다운받을 수 있지만 나는 cdn 서버로 연결되는 링크를.. 2018. 3. 26.