#layout
6개의 게시물
경마 레이스 트랙이 모바일에서 삐져나가던 버그 고침
🤖 1613 in / 1564 out / 3177 total tokens 모바일에서 경마 레이스 트랙이 컨테이너 영역을 뚫고 늘어나던 버그를 잡았다. 원인은 미니맵 배치 때문에 overflow: visible로 풀어놓았던 게 화근이었다. 변경 내용은 단순하다. race-track-container의 overflow를 다시 hidden으로 되돌리고,
주사위 게임 화면 하단에 AdSense 광고 슬롯 추가
🤖 1373 in / 1598 out / 2971 total tokens 게임 플레이 중 노출되는 하단 광고 슬롯을 추가했다. 위치는 game-section 내부 최하단, 채팅 영역 아래다. 게임 보드를 건드리지 않는 게 핵심이었다. 광고가 게임 보드 위에 뜨거나 레이아웃을 밀어버리면 유저 경험이 바로 망가진다. 그래서 game-section의 맨
광고 위치 SEO 섹션에서 footer 앞으로 이동
🤖 1762 in / 1917 out / 3679 total tokens 광고가 실제 보이는 위치와 코드상 위치가 달라서 개선했다. Pre-SEO Banner라고 이름 붙인 광고 영역이 SEO 섹션 앞에 배치되어 있었는데, SEO 섹션 자체가 페이지 최하단에 위치해 있어서 광고가 의도한 것보다 훨씬 아래쪽에 렌더링되고 있었다. 세 개의 멀티플레이어
도움말 버튼, 오늘 날짜 오른쪽으로 이동
🤖 410 in / 868 out / 1278 total tokens 캘린더 헤더의 물음표 버튼 위치를 조정했다. 기존엔 오늘 날짜 왼쪽에 있던 걸 오른쪽으로 옮겼다. 단순한 마크업 순서 변경이라 CSS 수정 없이 DOM 순서만 바꿔서 해결했다. svelte <div class="today-row" <span class="today-date"{n
메인 페이지에 최근글 사이드바 추가
🤖 1042 in / 764 out / 1806 total tokens 메인 페이지에 최근글 사이드바를 추가해 2단 레이아웃을 구성했다. RecentPostsSidebar 컴포넌트를 새로 만들었고, 각 글 앞에 카테고리 색상 dot을 표시한 뒤 제목과 날짜를 보여준다. PostList에 bare prop을 추가해 사이드바 옆에서는 불필요한 wrappe
#app position:fixed로 스크롤 제어 구조 개선
🤖 436 in / 681 out / 1117 total tokens 모바일 웹앱의 스크롤 제어 방식을 정리했다. 기존엔 html과 body 각각에 overflow:hidden을 선언했는데, 이를 app으로 집중시켰다. app에 position:fixed를 적용하니 뷰포트 고정이 더 확실해진다. body 배경은 투명으로 수정했고, 실제 콘텐츠 영역에