웹개발자의 기지개

a1, a20, a123 를 varchar 칼럼에 달어가 있다면 order by 정렬 하면 a1 a123 a20 형태로 정렬되어 버린다. 이때 아래의 화면을 참고해 보도록 하자. 참고사이트 : https://java119.tistory.com/82

역시 MS 에서 익스버전을 지원하지 않을 모양인거 같네요. 엣지로 가는듯, 유투브에서도 IE는 지원을 하지 않고 있네요. 1 2 3 4 5 6 7 var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) { alert('Internet Explorer는 이벤트응모가 원활하지 않을수 있사오니, \n\n크롬이나 사파리 웹브라우저를 추천합니다.'); location.href="https://www.google.com/intl/ko/chrome"; } Colored by ..

위와같이 파일 다운로드를 처리할때 "웹페이지가 일시적으로 다운되었거나 새 웹 주소로 완전히 이동했을 수 있습니다." 이러한 에러 메세지가 나왔다면, 파일 다운로드 설정에서 넉넉하게 더 허용해야 한다. 응답 버퍼링 제한 (다운로드용량) 최대 요청 엔터티 본문 제한 (업로드용량)

jQuery 함수중에 fadeIn 과 fadeOut 를 이용하면 일종의 애니메이션 화면처럼 서서히 나타나게 하거나, 서서히 사라지게 할 수 있다. 속성에 숫자를 바꾸면 그 효과 강도를 세밀하게 나타낼 수도 있다. 소스를 대략 정리해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 function displayChk(no) { document.getElementById("introd_project1_q" + no).style.display = "none"; //$('#introd_project1_a'+ no).show('slow'); $('#introd_project1_a'+ no).fadeIn(450); //documen..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Colored by Color Scripter cs

위의 이미지 화면처럼 여러개의 checkbox 와 radio 박스가 혼재되어 있을경우에 jquery 로 아주 간단히 체크여부를 확인하도록 하는 소스를 정리해 보았다. 물론 javascript 형태로 for 문을 돌려서 하는 방법도 있지만, 본 소스처럼 jQuery 를 이용하면 아주 간단히 한줄로 처리할 수 있다. [ 기존 javascript 방법 참고 ] https://wonpaper.tistory.com/308 [javascript] checkbox 전체선택, 전체해제, 선택한 checkbox 내용확인하기 1 javascript 소스상으로 checkbox 의 전체선택, 전체해제 기능과 체크한 checkbox 만의 내용을 확인해보는 간단한 예제를 만들어 정리해 보았다. 실무상으로 자주 쓰이기 때문에 반드..

Mariadb 설치 brew install mariadb 1 2 3 4 5 6 MySQL is configured to only allow connections from localhost by default To have launchd start mariadb now and restart at login: brew services start mariadb Or, if you don't want/need a background service you can just run: mysql.server start leejongwon@ijong-won-ui-MacBookPro ~ % Colored by Color Scripter cs Mariadb 실행한다. brew services start mariadb 최초 ..

위의 캡처이미지처럼 도장이 아래 y축으로 100% 만큼 아래로 애니메이션이 되면서 도장이 찍히도록 코딩해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 .translate-y{animation: translatey 1s linear 1 ;} @keyframes translatey{ 0%{transform: translateY(0);} 100%{transform: translateY(100%);} } 스탬프찍기 function stampClick(){ $("#stampIcon").addClass('translate-y'); set..