Programming17

• [axios] axios 비동기 통신 목차샘플 코드function callAPI(e) { e.preventDefault(); const url = 'api.test.com'; axios.post(url, { param: //데이터 있으면.. 넣기 }) // 정상인 경우 .then((response) => { if (response.data.success) { location.href = "/"; } }) // 예외 발생 .catch((error) => { console.error('데이터 처리 .. IT/development 2025. 1. 19.

• 

  [jQuery] 체크 이벤트 강제 발생 시키기 목차화면에 체크박스가 2개 있고, 체크박스의 change 이벤트를 감지하여 두 체크박스가 모두 체크되었을 때만 버튼을 활성화시키는 기능이 있다.그런데, 사용자가 직접 체크박스를 체크했을 때는 이벤트가 잘 감지되었지만, 함수 호출로 동적으로 체크박스를 체크한 경우는 감지되지 않는 문제가 있었다.이유는 기본적으로 체크박스를 동적으로 조작하면 이벤트가 발생하지 않기 때문에 그렇다.그래서 trigger.('이벤트명')으로 이벤트를 강제로 발생시켜 해결 했다.수정 전function check(checkId, target) { document.getElementById(target).classList.add('d-none'); $("#" + checkId).prop('checked', true); .. IT/development 2025. 1. 11.

• 

  [java] generic review (feat. 동영상 촬영) 김영한의 실전 자바 중급2편의 제네릭 편을 학습하고 복기차원에서 동영상 촬영을 했다.역시 학습한 걸 복기할 때 진정 내것이 된다. IT/development 2024. 12. 27.

• 

  [java] 다형성을 이용한 중복 코드 분리 (feat. 정적 중첩 클래스) 목차Ex2Mainpackage nested.anonymous.ex;public class Ex2Main { public static void helloThor() { System.out.println("프로그램 시작"); //코드 조각 시작 for (int i = 0; i helloThor(), helloLoki()의 코드 조각 시작 ~ 종료부분은 중복코드다.리팩토링 😃Godpackage nested.anonymous.ex;public interface God { void god();}Ex2RefMainV1package nested.anonymous.ex;public class Ex2RefMainV1 { public static void hello(.. IT/development 2024. 12. 25.

• 

  [java] Encapsulation(feat. simple example) 캡슐화 쉬운 예제package access;public class Car { private int speed; public Car() { speed = 0; } public Car(int speed) { this.speed = speed; } public void applyBrakes () { if(isStopped()) { System.out.println("자동차가 이미 정지된 상태입니다."); } else { speed = Math.max(0, speed -50); System.out.println("속도를 50 감소 시킵니다. 현재 속도: " + speed .. IT/development 2024. 9. 29.

• 

  [mybatis] parameter 값 동시 전달 목차 mybatis에 데이터 전달 시 vo의 필드와 vo안의 list 동시 전달 javascript if (confirm("저장하시겠습니까?")) { dlbrList = []; $('#tab3Body tr').each(function() { var rowData = { 'exmnSn': $(this).find('#exmnSnId').val() } dlbrList.push(rowData); }); var paramData = { cmitNo: $("#cmitNoId").val(), mtgMngNo: $("#mtgMngNoId").val(), //vo안의 list명과 일치해야 함 dlbrList: dlbrList }; $.ajax({ url: '/save.do', method: 'POST', data: JS.. IT/development 2024. 3. 31.

• [JavaScript] 다중 select 예시(feat. 지역코드) 개발컨셉은 아래와 같다. 개발 컨셉 셀렉트박스 2개 존재 - 광역지자체 - 기초지자체 페이지 로드 후에는 광역지자체 데이터만 있는 상태고 기초지자체 데이터는 없는 상태 광역지자체 선택 시 해당 코드에 해당되는 기초지자체 데이터가 기초지자체 selectbox에 세팅됨 광역지자체에서 다시 선택을 누르면 기초지자체는 다시 데이터 초기화됨 지자체 선택 후 검색 이벤트 발생 시 선택한 광역지자체, 기초지자체코드가 selected됨 script $(document).ready(function () { //광역지자체코드 세팅 cf_L_inst_option('serachInstL'); //검색한 광역 지자체코드(jsp라서 jstl 문법 사용) var serachUpperInstL = ''; if (serachUpper.. IT/development 2024. 3. 1.

• [jQuery] 공통으로 선택자 처리 목차 거창할 건 없고 매개변수로 넘긴 문자열 앞에 "#"를 붙여서 아이디 선택자로 만들어서 처리한다. 소스를 보면 바로 이해가 된다. html 상단 탭에 클릭 이벤트를 줬고 2개의 매개변수를 넘긴다. 전체메뉴 인기메뉴 특별메뉴 script 구분자를 받아서 서버로 넘겨서 구분자에 해당되는 데이터를 조회, tartget id명을 받아서 "#"를 붙여 선택자로 처리, 이러면 function 여러개 만들 필요 없이 저 function 하나로 처리가 가능하다.(화면에서 하나의 테이블만 바라보고 테이블에 구분자 컬럼이 있음) 누구나 알고 있을 수 있지만 그래도 메모한다. function getMenuList(gubun, target) { $.ajax({ url: '/info/selectMenuList.do', ty.. IT/development 2024. 1. 21.

• 

  [JavaScript] selectbox 동적 표시 상위 선택값에 따라 하위 선택값이 다르게 표시되어야 되는 경우가 있다. 예를 들면 아래와 같은 상황이다. 광역지자체에 따라 그 하위 지자체 목록이 표시 1번 selectbox 선택 데이터를 조건으로 서버에서 데이터를 조회 후 2번 selectbox를 동적으로 그려야 한다. 상위 selectbox에 onchagne() 이벤트를 걸어서 데이터 변경이 감지될 때마다 서버에서 데이터를 가져와서 하위 selectbox의 option값을 그린다. 관리 광역지자체 관리 기초지자체 전체 function fn_get_LocalGovInstCode(){ //광역지자체코드 var selectedValue = $("#mngWideAreaLocgovCd").val(); $.ajax({ url: '/locgov/selectLoc.. IT/development 2024. 1. 21.

• [jQuery] 전체 체크박스 체크 테이블의 th의 체크박스 선택 시 tbody의 td의 checkbox를 전체 체크하는 간단한 예제다. 번호 성명 아이디 function fn_chkAll(obj){ if($(obj).is(':checked')){ $('#targetBody').find('input:checkbox[id^=checkbox]').prop('checked', true); }else{ $('#targetBody').find('input:checkbox[id^=checkbox]').prop('checked', false); } } IT/development 2024. 1. 21.