버튼 크기 조정과 수수료 계산 로직 개선

UI 버튼 크기 및 수수료 계산 로직 개선

UI 버튼 크기 및 수수료 계산 로직 개선 기능을 구현했음.

배경

기능 확장에 따라 관리 편의성과 사용자 경험을 높이기 위해 구현했음.

구현 방식

내부 클래스 1개를 작성했음.

코드 예시

// 핵심 로직
public void execute(Request request) {
    validate(request);

    Result result = process(request);

    saveResult(result);
    log.info("처리 완료: {}", result.getId());
}

검토 포인트

기능 추가 시 엣지케이스와 예외 처리를 먼저 정의하면 나중에 버그를 줄일 수 있음. 특히 null 처리와 상태 전환 조건을 명확히 해야 함.

정리

총 3개 파일 변경으로 기능을 완성했음. 정상 동작 확인 후 배포했음.

UI/UX 관점

화면 변경 시 몇 가지를 체크했음.

로딩 상태: 비동기 요청 중에는 로딩 인디케이터를 표시했음. 버튼을 비활성화해서 중복 클릭을 방지했음.

btn.disabled = true;
try {
    await fetch('/api/...');
    showSuccess();
} catch(e) {
    showError(e.message);
} finally {
    btn.disabled = false;
}

빈 상태 처리: 데이터가 없을 때 빈 화면 대신 "데이터가 없습니다" 메시지를 표시했음.

오류 메시지: 기술적인 에러 코드 대신 사용자가 이해할 수 있는 메시지를 표시했음.

다음