조금씩, 꾸준하게

2020년 10가지 JavaScript 이미지 조작 라이브러리 https://ichi.pro/ko/2020-nyeon-10-gaji-javascript-imiji-jojag-laibeuleoli-26937466213807 구글 검색 키워드 : javascript 이미지 비교 * https://www.it-gundan.com/ko/javascript/javascript%EC%97%90%EC%84%9C-%EB%91%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B9%84%EA%B5%90/972817711/ * https://stackoverflow.com/questions/934012/get-image-data-url-in-javascript * 아래 코드는 두 이미지를 base64로 변경해..

출처: https://mousevm.tistory.com/129 anchor() 문서의 목적지를 가리키는 Anchor택을 지정한다. var anchorString="이 지점으로.." document.write(anchorString.anchor("anchorName1")) 위의 구문은 이 지점으로.. 의 HTML을 만든다. 앞의 지정한 문자열을 링크의 내용으로 괄호 안의 문자열은 anchor의 이름이다. big() 지정한 문자열을 택으로 감싼다. var makeBig = "big 입니다." document.write(makeBig.big()) 는 big 입니다. 로 된다. blink() 문자열을 택으로 감싼다. bold() 문자열을 택으로 감싼다. charAt() 문자열에서 특정 위치의 문자를 반환한다...

1-1. 클라이언트 var request = $.ajax({ url: "aa", method: "POST", data: { aaJsonData : JSON.stringify(obj) } , dataType: "json" }); request.done(function( msg ) { if(msg.result == "false"){ console.log("exception 처리"); } else { if( status == 'temp' ){ alert('임시저장이 완료되었습니다.'); } else { alert('등록되었습니다.'); location.href="/import/list.ksif"; } } }); request.fail(function( jqXHR, textStatus ) { //alert( "..

1. 체크여부 확인 - id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환 $("#chkBox").is(":checked") ; $("input:checkbox[id='chkBox']").is(":checked") ; * 1.6이상일때 권장 사용법 $("#chkBox").prop("checked") ; 2. 체크박스 갯수 가져오기 - 선택된 체크박스 갯수 구하기 $("#chkBox:checked").length ; - 전체 체크박스 갯수 구하기 $("#chkBox").length ; 3. 체크박스 전체 선택하기 / 해제하기 - 전체 선택하기 $("#chkBox").prop('checked', true) ; $("#chkBox").attr('checked', true) ;..

1. value값으로 체크하기 $("#radioTest:radio[value='orange']").attr("checked", true) ; 2. value값으로 체크 확인 $("#radioTest:radio[value='orange']").is(":checked") ; * true / false 반환 3. 체크된 라디오버튼 value 값 가져오기 $('#radioTest:checked').val() ; $(":radio[id='radioTest']:checked").val() ; 4. 체크 해제 $("#radioTest").removeAttr("checked") ; 5. 라디오버튼 활성화/비활성화 처리 - 비활성화 $("#radioTest").attr( "disabled" ); - 활성화 $("#rad..

개발 중 여러 가지를 섞어서 쓰는 걸 보고 문득 궁금해서 테스트를 해 보았다. 1234567891011$(document).ready(function(){ alert("bbbbbbbbbbbbbbbb"); // 1번}); $(function() { alert("ccccc"); // 2번}); $(window).load(function() { alert("aaaaaaaaaaaa"); // 3번});Colored by Color Scriptercs 이론적인 내용이 필요해서 검색했는데 2번에 대한 내용은 나오지 않는다 (출처: http://ojtiger.com/179) 1번 $(document).ready();DOM이 생성되면 ready 메소드가 실행됨 3번 $(window).load();요소들이 전부 로드된 ..

jsp 화면(insert 화면) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 작성 양식 제목 * 노출여부 * 소제목 * 거리 및 시간 * 총 이동거리 Km, 소요시간 시간 내용 * 목록이미지 * 코스 * 1. 장소명 , 위치 x : , y : 추가 + 대표 이미지 Colored by Color Scriptercs 유효성 체크 스크립트 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162..

출처: http://openlife.tistory.com/381 [농사짓는 개발자] jQuery checkbox 컨트롤 1. checkbox checked 여부 : id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == true name인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true => $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다 Ex) $('input[name="checkbox_name"]').is(":checked") 2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_n..

퍼블리셔가 반응형 html을 만들어 넘겨 주었다. 이미지 파일이 프로그램으로 등록되어야 하는 경우가 있었는데 html은 모바일 81px, 22px, 웹 162px, 44px로 고정된 크기의 이미지가 들어 있어서, 프로그램화하는 과정에서 임의의 크기 파일이 등록될 경우에 이미지가 멋대로인 문제가 발생했다. 해당 페이지 스크립트에 아래 코드를 추가했다.123456789101112$(document).ready(function() { var width = $(window).width(); if( width

화면을 로드할 때 class="board_view"의 tbody > tr > td 안의 width와 height를 지우고, img 파일에 특정 사이즈를 부여한다. 1234567window.onload = function(){ //화면 넘어가는 table 크기 조정 $(".board_view tbody tr td").removeAttr("width"); $(".board_view tbody tr td").removeAttr("height"); $(".board_view tbody tr td div img").css("width", "100%"); $(".board_view tbody tr td div img").css("height", "auto");}Colored by Color Scriptercs