
접근성, UI/UX 개선
2026. 1. 3.3 min read
확장프로그램패치노트
StoryHelper 패치 노트 - v1.6.2
주요 변경사항
팝업 UI 개선
- 팝업 헤더에 StoryHelper 로고 추가
- "더 편리하게" 텍스트 강조 처리
- 전체적인 폰트 크기를 조정하여 더 깔끔한 화면 구성
- 새로운 기능에 NEW 배지 추가 (애니메이션 효과 포함)
메인 기능리스트 화면
기능 토글 UI 변경
- 기존 체크박스를 모던한 토글 스위치로 변경
- 브랜드 색상 적용
- 슬라이드 애니메이션 효과 추가
단축키 설정 화면 개선
- 테이블을 카드 스타일로 재디자인
- 버튼 호버 시 색상 변경 및 부드러운 애니메이션 효과
- 단축키 입력 영역 배경에 그라디언트 적용
- 저장/취소 버튼 디자인 개선
단축키 설정화면
크레딧 화면 개선
- 섹션 간 간격 조정
- 아이콘 크기 확대 및 호버 효과 개선
- Velog 링크를 StoryHelper 공식 랜딩페이지로 변경
- 문의 버튼의 불필요한 호버 확대 효과 제거
크레딧 화면
접근성 향상
- 화살표 키로 탭 간 이동 가능 (Left/Right)
- Home/End 키로 첫/마지막 탭으로 이동
- 키보드 포커스 시각화 개선
- 스크린 리더를 위한 적절한 레이블 및 역할 속성 추가
- 에러 메시지 및 상태 변경 시 실시간 안내
- 한글/영어 다국어 지원
검색엔진 최적화 검증 기능 개선
- 아이콘을 통한 명확한 상태 표시 (체크마크, 경고, 에러)
- 검증 속도가 빠르므로 로딩 화면 제거
변경된 UI
툴팁 디자인 개선
- 부드러운 그림자 및 페이드인 효과
- 툴팁에 StoryHelper 로고 추가
상태 인디케이터 기능 개선
- 최소화/확대 상태를 storage 저장으로 페이지 새로고침 후에도 유지
- 최소화 시 로고만 표시되며, 로고 클릭으로 다시 확대 가능
- 호버 효과 및 안내 툴팁 추가
기능 토글 상태 인디케이터
성능 최적화
- 검증 로직을 더 효율적인 방식으로 개선
- 임시저장 글 복구 감지 방식 최적화로 CPU 사용량 감소
- 불필요한 함수 호출 최소화 및 코드 품질 향상
배포일: 2026-01-03 개발자: ShipFriend 버전: v1.6.2
