출퇴근 시간 확인 팝업 추가
commitsGongnog · d499c3c

출퇴근 시간 확인 팝업 추가

🤖 980 in / 654 out / 1634 total tokens 출퇴근 등록 전 시간을 확인하고 수정할 수 있는 팝업을 추가했다. 기존에는 출근/퇴근 버튼을 누르면 현재 시간으로 즉시 등록됐다. 실수를 방지하고 시간을 조정할 수 있도록 중간에 확인 단계를 넣었다. 팝업이 뜨면 현재 시간이 자동으로 입력되어 있고, 필요하면 time input으로

이더2026.03.111 min read
svelteuxpopup
회원가입 화면 구분 및 비밀번호 확인 추가
commitsGongnog · 606d95a

회원가입 화면 구분 및 비밀번호 확인 추가

🤖 807 in / 1994 out / 2801 total tokens 회원가입 화면 구분 및 비밀번호 확인 추가. 로그인과 회원가입 헤더를 구분하여 UX를 개선했다. '근무/기록'과 '새 계정/만들기' 헤더를 사용자가 혼동하지 않도록 배치했다. 비밀번호 확인 필드를 추가하고 일치 여부를 검증하는 로직을 구현했다. 모드 전환 시 입력값을 초기화하여 데

이더2026.03.111 min read
회원가입비밀번호UI 개선
회원가입 화면 분리하고 비밀번호 확인 붙였다
commitsGongnog · 606d95a

회원가입 화면 분리하고 비밀번호 확인 붙였다

🤖 807 in / 520 out / 1327 total tokens 로그인 페이지 하나에 몰아넣었던 회원가입 UI를 분리했다. 모드 전환 시 헤더 텍스트와 설명이 바뀌도록 처리했다. 비밀번호 확인 입력 필드를 추가했다. passwordConfirm 변수를 만들고 회원가입 모드에서만 노출되도록 했다. submit() 함수에서 password !==

이더2026.03.111 min read
svelteuiauth
공노기로 이름 변경하고 토스트도 깔끔하게
commitsGongnog · 6bcae8e

공노기로 이름 변경하고 토스트도 깔끔하게

🤖 994 in / 590 out / 1584 total tokens 앱 이름을 '공녹'에서 '공노기'로 변경했다. 스플래시 화면의 alt 텍스트와 표시 이름 모두 수정했다. 토스트 메시지도 간소화했다. '출근 기록됨', '퇴근 기록됨'에서 '출근', '퇴근'으로 줄였다. 메시지가 길어지면 줄바꿈이 생기고 토스트 크기가 커지는데, 핵심만 전달하면 된

이더2026.03.111 min read
svelteux토스트
캘린더 셀 UI 개선, 출근시간 제거 및 초과근무 표시 복원
commitsGongnog · a6ce2bf

캘린더 셀 UI 개선, 출근시간 제거 및 초과근무 표시 복원

🤖 835 in / 1510 out / 2345 total tokens 캘린더 셀에서 출근시간을 제거하고 초과근무를 다시 표시하도록 수정했다. 기존 '8시 00분'이 '8시간'처럼 보여 혼동을 줘서 정보를 간소화했다. 이제 초과근무가 있을 때만 '1시간 18분' 형식으로 시간을 표시해 가독성을 높였다.

이더2026.03.111 min read
CalendarUIOvertime
캘린더 셀 UX 개선: 출근시간 제거하고 초과근무 복원
commitsGongnog · a6ce2bf

캘린더 셀 UX 개선: 출근시간 제거하고 초과근무 복원

🤖 835 in / 738 out / 1573 total tokens 캘린더 셀에서 출근시간 표시를 제거하고 초과근무 시간 표시를 복원했다. 기존에는 출근시간이 "8시 00분" 형식으로 표시됐는데, 좁은 셀 안에서 "8시간"처럼 보이는 문제가 있었다. 실제 근무시간이 아니라 출근 시각인데도 말이다. 사용자 입장에서는 헷갈릴 수밖에 없다. 그래서 출근

이더2026.03.111 min read
svelteuxcalendar
캘린더 셀 UI 정리: 초과근무 표시 제거하고 출근시간 포맷 복원
commitsGongnog · 1d6ba20

캘린더 셀 UI 정리: 초과근무 표시 제거하고 출근시간 포맷 복원

🤖 837 in / 687 out / 1524 total tokens 캘린더 셀에서 불필요한 정보를 정리했다. 초과근무 시간 표시를 제거하고, 출근시간은 '8시 00분' 같은 한글 포맷에서 '08:00' 형식으로 되돌렸다. 초과근무 시간은 빨간색 텍스트로 표시되었는데, 셀 공간을 많이 차지해서 가독성을 해쳤다. DaySheet 같은 상세 화면에서 확

이더2026.03.101 min read
sveltecalendarui
UX 다듬기: 커스텀 다이얼로그, 스플래시, 시간 한글화
commitsGongnog · 17bfa1d

UX 다듬기: 커스텀 다이얼로그, 스플래시, 시간 한글화

🤖 3668 in / 918 out / 4586 total tokens 이번 커밋은 사용자 경험을 다듬는 데 집중했다. 시스템 alert/confirm을 앱 톤앤매너에 맞는 커스텀 다이얼로그로 교체했고, 미래 퇴근시간 저장을 차단하는 유효성 검사도 추가했다. 스플래시 화면을 새로 만들었다. 앱 진입과 로그인 성공 시 로고가 표시되는 로딩 화면이 나타

이더2026.03.102 min read
UXSvelte커스텀다이얼로그
모바일 캘린더 상세 영역, 바텀시트로 전환
commitsGongnog · 3ab8c21

모바일 캘린더 상세 영역, 바텀시트로 전환

🤖 1439 in / 687 out / 2126 total tokens 모바일에서 날짜 클릭 후 상세 정보가 보이지 않던 문제를 해결했다. 390px 화면 기준으로 캘린더 그리드와 헤더, 바텀바를 합치면 100vh를 훌쩍 넘는데, 기존 인라인 상세 영역은 그 아래에 렌더링되어 사실상 안 보이는 상태였다. 해결책으로 DaySheet를 인라인 배치에서

이더2026.03.101 min read
sveltemobilebottomsheet
[UX 개선] 모바일 캘린더 상세 뷰 바텀시트 전환
commitsGongnog · 3ab8c21

[UX 개선] 모바일 캘린더 상세 뷰 바텀시트 전환

🤖 1439 in / 1403 out / 2842 total tokens 모바일 화면에서 캘린더 그리드가 높아 상세 영역이 가려지던 문제를 해결했다. 인라인 상세 뷰를 바텀시트 오버레이 방식으로 변경하여 스크롤 문제를 잡고 사용자 경험을 개선했다. DaySheet 컴포넌트를 리라이트하고 CSS 스타일을 재구성했다.

이더2026.03.101 min read
UXMobileSvelte