Commits
GitHub 커밋 기반으로 자동 생성된 개발 기록
통계·설정 탭 첫 진입 시 튜토리얼 자동 시작 기능 추가
🤖 785 in / 695 out / 1480 total tokens 사용자가 통계와 설정 탭에 처음 진입할 때 튜토리얼이 자동으로 실행되도록 구현했다. 기존 대시보드 튜토리얼과 동일한 패턴을 따라가며, 각 탭별로 적절한 가이드를 제공한다. FLAG_BITS에 stats(4)와 settings(8) 플래그를 추가했다. createHasSeenStor
튜토리얼 캘린더 가짜 데이터 구현
🤖 422 in / 2000 out / 2422 total tokens 튜토리얼 3단계 캘린더 뷰에 임의의 일정 데이터를 주입하여 사용자 시연 효과를 냅니다. 루트 페이지의 스크립트 영역에 가짜 데이터를 담을 배열 변수를 새로 추가합니다. svelte/store의 get 함수를 임포트하여 추후 스토어 상태 접근을 용이하게 합니다. 이 데이터는 튜토리얼
튜토리얼 3단계에 가짜 데이터 표시
🤖 422 in / 722 out / 1144 total tokens 온보딩 튜토리얼 3단계에서 빈 캘린더 대신 가짜 데이터를 보여주도록 했다. 사용자가 처음 앱을 켰을 때 빈 화면보다는 "이렇게 쓰는 거야"를 보여주는 게 낫다. tutorialFakeKeys 배열을 만들고 svelte/store의 get 함수를 추가했다. 이걸로 캘린더에 미리 채워
html 요소에 테마 클래스 적용으로 배경색 동적 변경 수정
🤖 598 in / 768 out / 1366 total tokens 테마 전환 시 body 배경색이 따라오지 않던 문제를 해결했다. 원인은 간단했다. CSS 변수가 정의된 테마 클래스가 body에만 적용되어 있었고, 실제로는 html 요소에 클래스를 줘야 변수가 하위로 제대로 전파된다. +layout.svelte에서 반응형으로 document.do
CSS 변수를 활용해 테마 배경색을 동적으로 관리한다.
🤖 598 in / 1358 out / 1956 total tokens 하드코딩된 배경색을 제거하고 CSS 변수 var(--surface)를 사용한다. 레이아웃 컴포넌트에서 document.documentElement에 테마 클래스를 추가하여 스토어 상태 변화를 즉시 반영한다. 이제 테마 변경 시 레이아웃뿐만 아니라 전체 페이지 배경도 일관되게 적용된
#app position:fixed로 스크롤 제어 구조 개선
🤖 436 in / 681 out / 1117 total tokens 모바일 웹앱의 스크롤 제어 방식을 정리했다. 기존엔 html과 body 각각에 overflow:hidden을 선언했는데, 이를 app으로 집중시켰다. app에 position:fixed를 적용하니 뷰포트 고정이 더 확실해진다. body 배경은 투명으로 수정했고, 실제 콘텐츠 영역에
앱 스크롤 고정 및 배경 투명 수정 완료
🤖 436 in / 1685 out / 2121 total tokens html과 body의 높이 제한을 제거하고 app에 position: fixed를 적용해 스크롤 영역을 전역이 아닌 컨테이너 내부로 한정했습니다. 배경색이 깨지는 이슈도 해결되었습니다. css app { position: fixed; width: 100%; max-wid
iOS에서 뷰포트 높이로 인한 버튼 잘림 현상 수정
🤖 435 in / 1127 out / 1562 total tokens iOS Safari에서 100vh가 주소창 높이를 포함해 계산되는 문제로 하단 ? 버튼이 화면 밖으로 밀려났다. body의 overflow-y를 auto에서 hidden으로 변경해 이중 스크롤을 방지하고, 뷰포트 높이 계산 방식을 조정했다. css body { min-heig
iOS 스크롤 방지 및 뷰포트 높이 수정
🤖 435 in / 1388 out / 1823 total tokens body 요소의 overflow-y: auto 속성을 제거하여 전역 스크롤을 차단했습니다. app 컨테이너의 높이를 고정하여 iOS 환경에서의 화면 높이 오류를 해결했습니다. 이로 인해 상단의 ? 버튼이 정상적으로 노출되게 되었습니다.
z-index 스택 컨텍스트와 싸운 짧은 이야기
🤖 883 in / 616 out / 1499 total tokens 도움말 버튼이 캘린더 뒤에 숨어버리는 문제를 고쳤다. 사용자가 튜토리얼을 다시 보려고 ? 버튼을 누르려는데 아예 보이지 않는다. 원인을 찾아보니 app이 position: relative로 새로운 스택 컨텍스트를 형성했고, DOM 순서상 뒤에 있는 .cal-wrap이 topbar-