CSS 공통 스타일 정비로 코드베이스 가독성 개선

apple.css 초기화 및 공통 스타일 정의 추가

유지보수 및 정리 작업을 했음.

배경

기능 개발에 집중하다 보면 불필요한 코드, 오래된 설정, 중복 파일이 쌓임. 이런 기술 부채는 당장은 문제가 없어 보여도 점점 코드베이스를 읽기 어렵게 만듦.

작업 내용

• CSS 파일 초기화 및 공통 스타일 재정의
• 불필요하게 쌓인 override 규칙 제거
• 공통 변수(색상, 간격, 반경) 정의로 이후 변경 용이성 확보

정리 기준

• 실제로 호출되지 않는 코드인지 확인
• 기능 동작에 영향 없는 변경인지 검토
• 제거 후 빌드/실행이 정상인지 확인

팁

정리 커밋은 기능 변경 커밋과 분리하는 게 좋음. 두 가지를 섞으면 리뷰하기가 어렵고, 롤백 단위도 불명확해짐. chore: 접두사를 따로 쓰는 이유이기도 함.

UI/UX 관점

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

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

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

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

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

다음