11월 첫날, 사이트 레이아웃 대청소했숴다
#사이트#레이아웃
11월 1일 낮에 사이트 전체를 폰 화면이랑 PC 화면, 낮·밤 테마로 하나하나 찍어 보면서 레이아웃을 점검했어유 🧹
페이지 21개를 다 돌려 봤는데, 화면 밖으로 삐져나가는 가로 스크롤은 하나도 없었숴다. 대신 자잘한 게 몇 개 보여서 바로 고쳤어유.
1차로 고친 것
- 모바일 메뉴 잘림: 폰(390px)에서 위쪽 메뉴 맨 끝 ’문의’가 잘렸는데, 간격을 살짝 줄여서 한 줄에 다 들어가게 했어유
- 카드 제목 줄맞춤: PC에서 그림 있는 카드랑 이모지 카드가 한 줄에 섞이면 제목 높이가 들쭉날쭉했숴다. 이모지 칸도 그림이랑 같은 비율로 맞췄어유
- 밤 테마 형광펜: 밤 테마에서 노란 형광펜 위 글자가 잘 안 보여서 형광펜을 옅게 바꿨숴다
- 한글 줄바꿈: 냥냥 코인 채굴소랑 X 관계도에서 ’확장하세/요’처럼 단어 중간에서 끊기던 걸 단어 단위로 넘어가게 했어유
- 브라우저 콘솔에 쌓이던 에러도 정리했숴다 (원래도 화면엔 안 보이던 배경 질감이라 겉모습은 그대로예유)
2차로 고친 것
- 햄버거 메뉴: 360px 이하 아주 좁은 폰에서는 메뉴가 ☰ 버튼으로 접혀유. 키보드로도 열고 닫을 수 있고, 그보다 넓은 화면은 원래 메뉴 그대로예유
- X 관계도 글꼴·밤 테마: 관계도 화면도 사이트랑 같은 Pretendard 글꼴(SIL OFL 1.1)을 쓰고, 사이트 낮/밤 토글을 따라가유. 저장되는 관계도 그림은 원래 밝은 색 그대로 뒀숴다
- X 수익화 D-day 계산기: 이것도 사이트 낮/밤 토글을 따라가게 했어유
덤: 유치유치 팬게임 영상
같은 날 저녁엔 ゆちゆち님의 ‘알고리즘과의 싸움’ 글을 보고 만든 팬게임 영상을 X에 올렸숴다. 그림을 AI로 움직이고, 강제 출근 실을 끊고, 리듬 타다가 마지막엔 빅뱅 임팩트 💥 게임은 아직 여기엔 안 올렸어유.