When2Work v1.1 Release Notes
이번 v1.1 업데이트에서는 사용자분들의 피드백을 반영하여 날짜 선택의 유연성을 높이고, 대규모 인원이 사용할 때의 편의성을 대폭 개선했습니다. 총 26개의 기능 개선이 포함되었습니다.
주요 기능 개선 (Main Features)
날짜 선택 시스템 전면 개편
- 선택 범위 확대: 기존 7일에서 최대 30일까지 선택 가능합니다.
- 두 가지 선택 모드 지원:
- 일수 선택: 1~30일 드롭다운 방식
- 기간 선택: 시작일과 종료일을 직접 지정
- 빠른 선택 버튼: 클릭 한 번으로 1주/2주/3주/4주 단위를 설정할 수 있습니다.
- 스마트 미리보기: 8일 이상 선택 시 요일에 맞춘 7칸 그리드 레이아웃을 제공하며, 토요일(파란색)과 일요일(빨간색)을 구분해 직관성을 높였습니다.
사각형 범위 선택 (Rectangle Selection)
- 드래그 선택: 시작점과 끝점을 드래그하여 대각선 방향까지 모든 셀을 한 번에 선택할 수 있습니다.
- 자동 스크롤: 드래그 중 화면 끝에 닿으면 가로/세로로 자동 스크롤되어 긴 일정 입력이 편리해졌습니다.
- 상태 유지: 새로고침을 해도 선택한 상태가
localStorage에 자동 저장됩니다.
스마트 그리드 UX 개선
- Sticky 헤더: 스크롤을 내려도 날짜와 시간 컬럼이 화면에 고정됩니다.
- 스크롤바 스타일링: 항상 표시되는 직관적인 스크롤바를 적용했습니다.
- 이동 가이드: 캘린더 여백 드래그를 통해 부드럽게 화면을 이동할 수 있습니다.
사용자 편의성 (User Experience)
- 신규 사용자 튜토리얼: 첫 방문 시 4단계 가이드 팝업이 노출됩니다. (다시 보지 않기 지원)
- 최근 일정 관리: 홈 화면에서 최근 방문한 방(최대 5개)을 확인하고 빠르게 재방문할 수 있습니다.
- 방 관리 권한: 방 생성자에게만 삭제 버튼이 노출되도록 권한 시스템을 강화했습니다. (삭제 시 확인 모달 제공)
- 스마트 네비게이션: 외부 링크로 접속 후 뒤로가기 시, 히스토리가 없으면 자동으로 홈으로 이동합니다.
기술적 개선 (Technical Improvements)
- Portal 기반 모달:
createPortal을 활용하여 레이어 꼬임 현상(z-index)을 해결하고 렌더링 최적화를 진행했습니다. - 상태 관리 강화:
localStorage기반의 상태 동기화 로직을 개선했습니다. - 그리드 로직 최적화: 날짜 수에 따른 동적 레이아웃 알고리즘 및 자동 스크롤 기능을 구현했습니다.
UI/UX 디테일 수정
- [Fixed] 모달 배경 잘림 현상 수정
- [Design] 날짜 미리보기 칩 가독성 최적화
- [Design] 요일별 색상(토/일) 일관성 적용 (CreateRoom, TimeGrid)
- [Mobile] 모바일 환경 초기화 버튼 및 안내 문구 레이아웃 개선
When2Work를 이용해 주셔서 감사합니다. 버그 제보나 제안 사항은 Issue 탭이나 서비스 내의 의견보내기를 이용해 주세요!