IT/development210

• [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.

• [Node.js] 무한 스크롤 적용 소스 (feat. mobile) 목차개발환경백엔드프론트엔드Express.js(Node.js 기반 웹 프레임워크)EJS 템플릿 엔진(Embedded JavaScript)라우트router.get('/searchHistoryScroll', MyController.getHistoryIndexUsePaging);라우트 파일에서 /searchHistoryScroll url을 MyController의 getHistoryIndexUsePaging 함수와 매핑컨트롤러// 상단 정의 부분 const axios = require('axios');// 라우트에 정의된 함수exports.getHistoryIndexUsePaging = async(req, res) => { let pageNo = req.query.page[0]; // 조.. IT/development 2025. 1. 11.

• 

  [java] 직접 구현한 List 추상화 (feat. 의존관계 주입) 목차복잡한 로직을 수행하는 배치 프로그램이 있다고 가정한다.로직은 매개변수로 넘어온 인자만큼 루프를 돌면서 list의 앞부분에 데이터를 넣는 로직이다.(앞부분인게 중요)배치프로그램 코드를 점점 개발자들이 리팩토링 했다는 스토리다.Ver 1: ArrayList 사용의 성능 문제package collection.test;import collection.list.MyArrayList;public class BatchProcessorV1 { // MyArrayList에 직접 의존(bad) private final MyArrayList list = new MyArrayList(); //엄청 복잡한 로직이라고 가정 public void logic(int size) { long st.. IT/development 2025. 1. 5.

• 

  [java] 직접 구현하는 연결리스트 > 추가, 삭제 기능 (feat. 자료구조) 목차연결리스트의 추가, 삭제 원리는 정말 간단한데 그 추상적인 개념을 머릿속으로 그리는게 너무 오래 걸렸다.source codepackage collection.link;public class MyLinkedListV2 { private Node first; private int size = 0; //마지막 인덱스에 값을 추가 public void add(Object e) { Node newNode = new Node(e); if(first == null) { first = newNode; } else { getLastNode().next = newNode; } size++; .. IT/development 2025. 1. 5.

• 

  [java] LinkedList(연결 리스트) 내 방식대로 이해 (feat. 자료구조) 목차카테고리를 고민하다가 스스로 아직 자료구조에 대해 잘 정리가 안된 상태라서 그냥 java로 분류했다.source code package collection.link;public class NodeMain1 { public static void main(String[] args) { //노드 생성하고 연결하기: A -> B -> C Node first = new Node("A"); //1번 째 노드의 참조값 first.next = new Node("B"); //1번 째 노드의 next필드에 2번 째 노드의 참조값 저장 first.next.next = new Node("C"); //2번 째 노드의 next필드에 3번 째 노드의 참.. IT/development 2025. 1. 4.

• [java] 다형성을 이용한 중복 코드 분리 (feat. 익명 클래스) 목차 [java] 다형성을 이용한 중복 코드 분리 (feat. 정적 중첩 클래스)목차Ex2Mainpackage nested.anonymous.ex;public class Ex2Main { public static void helloThor() { System.out.println("프로그램 시작"); //코드 조각 시작 for (int i = 0; i helloThor(), helloLoki()의 코드 조각 시작 ~ 종료부분은 중복yaga.tistory.com위 포스팅에서 이어지는 내용익명 클래스 활용1package nested.anonymous.ex;public class Ex1RefMainV2 { public static void hello(Process process) { Syst.. IT/development 2024. 12. 25.

• 

  [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.

• 

  [thymeleaf] Thymeleaf Layout (feat. sb-admin 2) 목차bootstrap sb-admin 2를 이용한 Thymeleaf Layout 적용폴더 구조fragments폴더의 sidebar, config, footer 등의 공통으로 사용될 파일조각들을 default_layout.html에서 연결 후 layout을 각 html에 적용해서 사용build.gradleplugins { id 'java' id 'org.springframework.boot' version '3.3.7' id 'io.spring.dependency-management' version '1.1.7'}group = 'com.duo'version = '0.0.1-SNAPSHOT'java { toolchain { languageVersion = JavaLangua.. IT/development 2024. 12. 22.

• 

  [spring] AOP로 트랜잭션 관리 (feat. 롤백 처리) 시니어 개발자가 초기 설정 한 프로젝트 소스를 체크아웃 받아 API 개발 중 트랜잭션 롤백 관련 삽질한 경험이다.코드를 보니 아래와 같이 공통에서 AOP를 통해 트랜잭션을 자동으로 관리하도록 설정이 되어 있었다.원인은 정말 허무했지만 나중의 삽질을 미연에 방지도록 기록한다.(원래 뭐든 알고나면 쉽지 않은가 😎)TransactionConfig package kr.test.portal.config.spring;import lombok.RequiredArgsConstructor;import lombok.extern.slf4j.Slf4j;import org.aspectj.lang.annotation.Aspect;import org.springframework.aop.aspectj.AspectJExpressio.. IT/development 2024. 12. 1.