내가 보려고 만든 블로그

저번에 했던 카카오톡 링크 공유하기에 이어서 페이스북 링크 공유를 해보려구해요🤸🏻 카카오에 비해서 페이스북 도큐먼트가 별로 친절하지않았던 기억이 있어서 걱정을 많이했는데 생각보다 간단한거 같아서 놀랬어요 방법 1. window.open으로 공유하기 #코드 function shareFacebook(){ window.open('http://www.facebook.com/sharer.php?u=www.naver.com'); } 잉게 끝이라는거 🤭 솔직히 말이 안된다고 생각했느데 진짜 이게 끝이예요 #추가 저렇게만 넣으면 진짜 끝이긴한데 이쁘게 들어가지않아요 요로케 네이버처럼 이쁘게 넣구싶은데 현실은 이렇단 말이죠 네이버처럼 이뿌게 넣구싶을땐 저렇게 하면됩니다!! 메타태그에 추가해주기~.~ 페이스북 공식 페이지..

내가 지금 보고있는 게시글을 카카오링크로 공유하구 싶어서 만든 카카오링크 공유하기 1. 카카오 애플리케이션 만들기 (이미 있는 친구들은 넘기셔도 무관합니다) 그냥 간단하게 카카오 개발자홈페이지(https://developers.kakao.com/console/app) 들어가서 애플리케이션을 추가하면 완룡 2. 카카오 sdk 다운 및 추가하기 카카오 개발자 홈페이지에 있는 카카오 SDK 다운로드하기(https://developers.kakao.com/docs/latest/ko/sdk-download/js) 에서 원하는 SDK를 저장한뒤 넣어주자 3. 소스코드 4. 서버 콜백(추가) 카카오링크를 성공적으로 공유했는지 안했는지를 파악해야되는데 특별하게 success나 error 가 없었다 ㅠㅠㅠ 그래서 서버 ..

현재 URL을 라이브러리없이 클립보드로 복사하구싶을때?? function copyLink(){ let currentUrl = window.document.location.href; let t = document.createElement("textarea"); document.body.appendChild(t); t.value = currentUrl; t.select(); document.execCommand('copy'); document.body.removeChild(t); alart('복사가 완료되었습니다'); }

천천히 하면서 추가해야징(아마 여기없는 친구들은 검색하기 쉽거나 금방 찾을수있는 친구들일거야) 간단한건데 생각보다 오래걸렸다ㅠ 분명 시간지나면 까먹고 다시 검색하는데 시간 오래걸릴거같은 친구들... 항상 기억못하고 검색하는 친구들... 다중 클래스 체크된 갯수 구하기 $(".checkbox_class_name:checked").length 체크된 갯수만큼 출력!

디자인도 이쁘고 편리!! https://github.com/fengyuanchen/datepicker#options fengyuanchen/datepicker ⚠️ [Deprecated] No longer maintained. A simple jQuery datepicker plugin. - fengyuanchen/datepicker github.com

자바스크립트에서 세션이 아닌 쿠키를 사용하고자 한다! 쿠키란? 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다. 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다. 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장합니다. Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있습니다. 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송합니다 출처: h..

script로 input 박스 선택시 달력 출력하는 방법을 알아보자 요즘은 스크립트가 잘되어있어서 제대로된 스크립트만 참고하면 가능하다 $(function () { $("#date_picker").datepicker({ dateFormat: 'yy-mm-dd' }); )} 날짜 뿐만아니라 시간까지 출력하고 싶다면 $(function () { $("#datetime_picker").datetimepicker({ format: 'y-m-d H:i' }); }); datetime picker를 이용하면된다 참고 https://jqueryui.com/datepicker/

Date range picker - 부트스트랩 기반( 기간/구간 지정 ) http://www.daterangepicker.com/ Date Range Picker — JavaScript Date & Time Picker Library Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". To get started, include jQuery, Moment.js and Date Range www.datera..

input box에 사용자가 값을 입력하면 실시간으로 감지하는 함수이다. $("#text-box").on("change keyup paste", function(){ alert("change"); }) 사용자가 일반적으로 입력했을경우에는 감지가 가능하지만 개발자도구로 변경했을 경우에는 감지가 잘 되지 않는다. $("#input-text").on("propertychange change keyup paste input", function(){ alert("change"); }); 위처럼 하면 개발자 도구를 이용하여 값을 변경해도 감지가 가능하다.

var today = new Date(); var date = today.getDate(); var month = today.getMonth()+1; //January is 0! var year = today.getFullYear(); if(date