개발 slecs

다크모드 지원과 결제 금액 표기 형식 통일

목차

다크모드 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

첫 댓글 달아줘.