김 양의 멋따라 개발따기

1. 카카오 알림톡은 보내는 이와 카카오톡 친구가 아니여도 휴대폰 번호만 알아도 발송이 가능합니다. 2. 사전에 비지니스 계정으로 등록이 필요합니다.

1. 카카오 알림톡은 보내는 이와 카카오톡 친구가 아니여도 휴대폰 번호만 알아도 발송이 가능합니다. 2. 사전에 비지니스 계정으로 등록이 필요합니다.

1. window.print() 함수를 사용하면 전체 부분이 프린트 됩니다. 2. 미디어 쿼리를 이용해 원하지 않는 부분은 display : none; 처리를 하면 원하는 부분만 인쇄가 가능합니다. @media print { .edit_wrapper{ display: none; } }

1. HTML 코드 2. CSS 코드 .carouselContainer { width: 1080px; height: 1440px; overflow-x: hidden; overflow-y: hidden; margin: auto; } .carouselContainer > .carousel { display: flex; transform: translate3d(0, 0, 0); transition: transform 0.2s; } .carousel_item { width: 1080px; height: 1440px; } .carousel_item > img { width: 1080px; height: 1440px; object-fit: contain; } 3. JavaScript 코드 /**이미지 다음으로 넘기..

1. 원래는 javascript로 구현하고자 했으나 아쉽게도 아직 모바일 키보드를 감지하는 이벤트는 없었습니다. 2. 키보드가 나오면 뷰포트크기가 줄어드는 이벤트를 이용했습니다. // 처음 시작시 화면의 사이즈 값을 가진다. const originalSize = jQuery(window).width() + jQuery(window).height(); // 창의 사이즈 변화가 일어났을 경우 실행된다. jQuery(window).resize(function() { // 처음 사이즈와 현재 사이즈가 변경된 경우 // 키보드가 올라온 경우 if(jQuery(window).width() + jQuery(window).height() != originalSize) { alert("키보드가 올라왔습니다.") } //..

1. 확장프로그램 > Apps Script 클릭하기 2. 스크립트 코드 입력하기 var connectionName = ''; // 접속할 MySQL 서버의 IP와 Port(Default:3306) var user = ''; // MySQL 유저 ID var userPwd = ''; // MySQL 유저 PW var db = ''; // 접속할 MySQL DB명 var instanceUrl = 'jdbc:mysql://' + connectionName; var dbUrl = instanceUrl + '/' + db; var sheet = SpreadsheetApp.getActiveSheet(); // SpreadSheet 객체 생성 function exportDatabase() { var conn = Jd..

파일을 선택하여 DB에 insert 시키는 코드입니다. 파일 선택

페이지 1 페이지 2 페이지 3 페이지 1로 이동 페이지 2로 이동 페이지 3로 이동

1. 문제상황 animation 1 번과 2번이 있고 1번이 종료된 뒤 setTimeout 없이 2번 이벤트를 실행시키고 싶었음. 2. 문제해결 animation이 끝났음을 감지하는 animationend 이벤트를 사용 //애니메이션 끝날 때를 감지 web_menu_button.addEventListener("animationend", ()=>{ //첫번째 애니메이션 삭제 web_menu_button.classList.remove("fadeInUp-animation"); //두번째 애니메이션 추가 web_menu_button.classList.add("animation"); })

1. 마우스 우클릭 방지하기 /**우클릭 방지 */ document.addEventListener("contextmenu", function(event) { event.preventDefault(); }, false); 2. 확대 축소 방지 /**확대 축소 방지 */ document.body.addEventListener('touchstart', function(e) { if ( (e.touches.length > 1) || e.targetTouches.length > 1) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); } }, {passive: false}); 3. 텍스트를 길게 눌러 선택, 복사 이벤트 방지 // 텍스..