출근/퇴근 스마트 버튼 및 헤더 날짜 표시 구현
commitsGongnog · a0198ee

출근/퇴근 스마트 버튼 및 헤더 날짜 표시 구현

🤖 1052 in / 1697 out / 2749 total tokens 하단바에 오늘 날짜가 아닌 경우 버튼을 숨기고 기록 상태에 따라 출근, 퇴근, 기록수정 버튼이 자동으로 전환되도록 로직을 수정합니다. 캘린더 뷰가 아닐 때는 기존 + 기록입력 버튼을 유지하여 기존 사용성을 유지하며, 버튼 클릭 시 수정 링크가 포함된 토스트 알림을 띄워 사용자의

이더2026.03.101 min read
featurebottom-barux
Svelte 반응형 블록이 입력값을 계속 초기화하던 문제 해결
commitsGongnog · c3b773d

Svelte 반응형 블록이 입력값을 계속 초기화하던 문제 해결

🤖 488 in / 615 out / 1103 total tokens RecordModal에서 시간 입력값이 수정되지 않던 버그를 고쳤다. 원인은 reactive 블록의 과도한 반응이었다. $records가 변경될 때마다 입력 필드들이 초기화되어, 사용자가 타이핑하는 값을 덮어써버렸다. Svelte의 $: 반응문은 의존하는 모든 값이 바뀔 때 실행되

이더2026.03.101 min read
sveltereactivebugfix
Gongnog 초기 배포 및 캘린더 UX 개선
commitsGongnog · ec783ed

Gongnog 초기 배포 및 캘린더 UX 개선

🤖 952 in / 1547 out / 2499 total tokens SvelteKit과 PostgreSQL를 활용한 공무원 근무기록 앱을 최초로 서비스에 반영했습니다. 캘린더 UI를 개선하여 날짜 선택 시 팝 애니메이션과 배경 하이라이트를 적용했습니다. 인증, 기록 CRUD, 통계 기능까지 모두 구현하여 서비스 운영을 시작합니다.

이더2026.03.101 min read
배포캘린더UX
Gongnog 초기 배포 완료, 캘린더 터치 피드백 강화
commitsGongnog · ec783ed

Gongnog 초기 배포 완료, 캘린더 터치 피드백 강화

🤖 952 in / 812 out / 1764 total tokens 공무원 근무기록 웹앱 Gongnog를 첫 배포했다. SvelteKit과 PostgreSQL을 기반으로 회원가입, 로그인, 근무기록 CRUD, 통계, 설정까지 핵심 기능을 모두 구현했다. GitHub와 Railway를 연동해 배포 파이프라인도 확보했다. 캘린더 UX를 개선했다. 날짜

이더2026.03.101 min read
SvelteKitPostgreSQLUX
선택된 셀 배경 유지
commitsGongnog · 23d8bc5

선택된 셀 배경 유지

🤖 433 in / 1118 out / 1551 total tokens 캘린더에서 클릭한 셀의 배경 하이라이트가 사라지던 버그를 수정했다. 선택된 셀의 배경색을 지정하여 시각적 피드백을 강화했다. 특히 다른 달의 날짜는 배경을 제외하고 선택 상태만 표시하도록 처리했다. 사용자가 현재 선택된 날짜를 명확히 인지할 수 있도록 UX를 개선했다.

이더2026.03.101 min read
CSSUIBugfix
선택된 날짜 셀 배경 하이라이트 유지
commitsGongnog · 23d8bc5

선택된 날짜 셀 배경 하이라이트 유지

🤖 433 in / 562 out / 995 total tokens 캘린더에서 날짜를 선택했을 때 배경 하이라이트가 제대로 유지되지 않던 문제를 해결했다. CSS 한 줄로 간단히 처리된다. .dcell.is-sel 클래스를 가진 셀 중 other-month가 아닌 셀들에 var(--surface) 배경색을 적용했다. 기존에는 선택된 셀의 숫자 링(.d

이더2026.03.101 min read
CSSUI/UX달력
달력 셀 터치 피드백 개선
commitsGongnog · 76050ad

달력 셀 터치 피드백 개선

🤖 442 in / 1759 out / 2201 total tokens 달력 셀의 터치 반응을 개선했다. 셀을 누를 때 배경색이 변하고 크기가 줄어드는 스케일 효과를 적용해 터치 피드백을 강화했다. 또한 선택된 날짜의 숫자 링에 팝업 애니메이션을 넣어 상태를 명확히 보여준다. css .dcell:active:not(.other-month) { back

이더2026.03.101 min read
CSSUIInteraction
캘린더 셀에 탭/클릭 피드백 추가
commitsGongnog · 76050ad

캘린더 셀에 탭/클릭 피드백 추가

🤖 442 in / 547 out / 989 total tokens 캘린더 셀을 눌렀을 때 즉각적인 시각 피드백이 들어간다. UX 디테일 챙기기. :active 상태에서 scale(.93)로 살짝 작아지면서 accent 배경색이 적용된다. 눌리는 느낌. 선택된 날짜의 숫자 링(.dnum-ring)에는 popIn 애니메이션이 0.2초간 재생된다. 툭

이더2026.03.101 min read
cssanimationux
공무원 근무기록 웹앱 초기 구성
commitsGongnog · 397ff96

공무원 근무기록 웹앱 초기 구성

🤖 10664 in / 1588 out / 12252 total tokens SvelteKit과 PostgreSQL 기반으로 인증, 근무기록 CRUD, 급식비 계산, 통계 UI를 구현했다. iOS 디자인 가이드를 반영한 반응형 UI와 테마 시스템을 적용했다. Railway 배포 환경을 위해 adapter-node를 설정했다.

이더2026.03.091 min read
공무원 근무기록 웹앱 초기 셋업 완료
commitsGongnog · 397ff96

공무원 근무기록 웹앱 초기 셋업 완료

🤖 10664 in / 684 out / 11348 total tokens SvelteKit + PostgreSQL 조합으로 공무원 출퇴근·초과근무·급량비 관리 웹앱을 만들었다. Railway 배포를 고려해 adapter-node를 적용했고, bcryptjs로 인증을 구현했다. 핵심 기능은 전부 들어갔다. 캘린더 뷰, 통계 차트, 근무기록 CRUD,

이더2026.03.091 min read
SvelteKitPostgreSQL초기셋업