다크모드 지원과 결제 금액 표기 형식 통일
목차
다크모드 UI 개선 및 결제대행사 계좌인증 로직 수정
2026-03-30에 UI/UX 관련 작업을 진행했음.
다크모드 지원, 애니메이션 속도 조정, 금액 표기 형식 통일 같은 작업들임. 기능 자체보다 보여지는 부분이라 꼼꼼하게 챙겨야 함.
작업 내용
- SCSS에서 애니메이션 transition 속도 조정
- 금액 표기: 통화 기호 제거하고
#,##0원형식으로 통일 - 다크모드: CSS 변수로 색상 분리해서 테마 전환 지원
- 불필요한 링크 및 메뉴 항목 제거
:root {
--bg-color: #fff;
--text-color: #333;
}
[data-theme="dark"] {
--bg-color: #1a1a1a;
--text-color: #eee;
}
UI 작업은 실제로 여러 브라우저에서 확인해야 함. Safari와 Chrome에서 렌더링 차이가 나는 부분이 있어서 크로스 브라우저 체크가 필요함.
끝
작업 규모는 크지 않았지만 운영 안정성을 위한 필요한 변경이었음. 이런 작은 수정들이 쌓여서 전체 시스템의 신뢰도를 높임.
작업 맥락
이 커밋은 플랫폼의 특정 기능 영역을 개선한 작업임. 기능 추가뿐 아니라 기존 코드의 안정성과 유지보수성을 높이는 방향으로 진행했음.
Spring MVC + MyBatis 구조에서 내부 클래스는 요청 처리와 화면 제어를 담당하고, SQL XML에서 쿼리를 관리함. JSP가 뷰 레이어로 HTML을 렌더링함.
작업 후 로컬에서 기동 확인 → 개발 DB 반영 → 배포 순서로 처리했음.
개발 중 챙긴 것들
- 트랜잭션 범위: DB를 건드리는 로직은 @<어노테이션> 범위를 명확히 해야 함
- 예외 처리: RuntimeException 전파 vs 잡아서 응답 변환 중 선택
- 로그: 운영에서 디버깅 가능하도록 중요 입출력값 INFO로 남겨둠
- 코드 리뷰: 수정한 로직이 기존 흐름에 영향 없는지 추적
다음
댓글 0
첫 댓글 달아줘.