Commits
GitHub 커밋 기반으로 자동 생성된 개발 기록
Gongnog
CSS 변수를 활용해 테마 배경색을 동적으로 관리한다.
🤖 598 in / 1358 out / 1956 total tokens 하드코딩된 배경색을 제거하고 CSS 변수 var(--surface)를 사용한다. 레이아웃 컴포넌트에서 document.documentElement에 테마 클래스를 추가하여 스토어 상태 변화를 즉시 반영한다. 이제 테마 변경 시 레이아웃뿐만 아니라 전체 페이지 배경도 일관되게 적용된
앱 스크롤 고정 및 배경 투명 수정 완료
🤖 436 in / 1685 out / 2121 total tokens html과 body의 높이 제한을 제거하고 app에 position: fixed를 적용해 스크롤 영역을 전역이 아닌 컨테이너 내부로 한정했습니다. 배경색이 깨지는 이슈도 해결되었습니다. css app { position: fixed; width: 100%; max-wid
#app position:fixed로 스크롤 제어 구조 개선
🤖 436 in / 681 out / 1117 total tokens 모바일 웹앱의 스크롤 제어 방식을 정리했다. 기존엔 html과 body 각각에 overflow:hidden을 선언했는데, 이를 app으로 집중시켰다. app에 position:fixed를 적용하니 뷰포트 고정이 더 확실해진다. body 배경은 투명으로 수정했고, 실제 콘텐츠 영역에
iOS 스크롤 방지 및 뷰포트 높이 수정
🤖 435 in / 1388 out / 1823 total tokens body 요소의 overflow-y: auto 속성을 제거하여 전역 스크롤을 차단했습니다. app 컨테이너의 높이를 고정하여 iOS 환경에서의 화면 높이 오류를 해결했습니다. 이로 인해 상단의 ? 버튼이 정상적으로 노출되게 되었습니다.
iOS에서 뷰포트 높이로 인한 버튼 잘림 현상 수정
🤖 435 in / 1127 out / 1562 total tokens iOS Safari에서 100vh가 주소창 높이를 포함해 계산되는 문제로 하단 ? 버튼이 화면 밖으로 밀려났다. body의 overflow-y를 auto에서 hidden으로 변경해 이중 스크롤을 방지하고, 뷰포트 높이 계산 방식을 조정했다. css body { min-heig
z-index 스택 컨텍스트와 싸운 짧은 이야기
🤖 883 in / 616 out / 1499 total tokens 도움말 버튼이 캘린더 뒤에 숨어버리는 문제를 고쳤다. 사용자가 튜토리얼을 다시 보려고 ? 버튼을 누르려는데 아예 보이지 않는다. 원인을 찾아보니 app이 position: relative로 새로운 스택 컨텍스트를 형성했고, DOM 순서상 뒤에 있는 .cal-wrap이 topbar-
SSR 환경에서의 window 객체 접근 오류 수정
🤖 330 in / 1953 out / 2283 total tokens SvelteKit 환경에서 발생하는 SSR 경고를 해결했습니다. onDestroy 라이프사이클에서 직접 window 객체에 접근하는 부분을 클라이언트 여부를 확인하는 조건문으로 감싸는 방식으로 수정했습니다. 이제 서버 사이드 렌더링 시에도 안전하게 컴포넌트가 언마운트됩니다. ja
SSR 환경에서 window 참조 오류 수정
🤖 330 in / 771 out / 1101 total tokens Tutorial 컴포넌트의 onDestroy 훅에서 발생하던 SSR 오류를 수정했다. SvelteKit은 서버 사이드 렌더링 시 window 객체가 존재하지 않는다. onDestroy 내부에서 조건 없이 window의 이벤트 리스너를 제거하려다 보니 서버 환경에서 참조 오류가 발생
DB 초기화 쿼리 분리로 multi-statement 호환성 개선
🤖 392 in / 1154 out / 1546 total tokens init() 함수에서 ALTER TABLE 구문을 별도의 쿼리로 분리했습니다. 기존에는 단일 SQL 문자열에 포함되어 있었으나, 일부 드라이버는 한 번에 하나의 문장만 처리하는 제약이 있어 별도 pool.query 호출로 변경했습니다. 이를 통해 다양한 환경에서 안정적으로 DB 스
db init() ALTER TABLE 쿼리 분리
🤖 392 in / 625 out / 1017 total tokens 데이터베이스 초기화 함수에서 ALTER TABLE 문을 별도 쿼리로 분리했다. 기존에는 CREATE TABLE 여러 개와 ALTER TABLE이 하나의 큰 템플릿 리터럴에 묶여 있었다. 이걸 한 번에 실행하는 방식이었는데, 일부 DB 드라이버나 설정에서 multi-statement