하루 만에 계산기 사이트에 광고·게임·콘텐츠 업데이트를 한 번에 밀어넣은 날

오늘 물타세(투자 계산기 모음 사이트)에 손댄 걸 정리해봅니다. 처음엔 광고 배치 하나만 손보려고 시작했는데, 파다 보니 4개 영역을 건드리게 됐네요.

1. 카카오 애드핏 반응형 적용, 그리고 사이트 전체에 숨어있던 버그

계산기 15개 페이지에 PC 728x90 / 모바일 320x100으로 나눠서 반응형 광고를 넣었는데, 배포하고 보니 모바일에서만 광고가 안 뜨는 문제가 있었습니다. 원인을 파보니 부트스트랩 반응형 클래스를 d-md-none만 넣고 base 클래스(d-inline-block)를 빼먹은 거였어요. 애드핏 기본 태그엔 항상 style="display:none"이 박혀있는데, 이걸 덮어쓸 클래스가 모바일 쪽엔 없어서 계속 숨겨진 상태였던 겁니다. 사이트 전체 21곳에 똑같은 실수가 있어서 한 번에 고쳤습니다.

1. "오늘의 시장" 페이지 개선

코인 섹션에 비트코인·이더리움·리플 실시간 시세 추가
미국 증시 요약 날짜가 하루 밀려서 저장되던 버그 수정했습니다.(배치가 KST 07:00에 도는데 그 시점 미국 정규장은 뉴욕 기준 전날이었음)
AI 시황 코멘터리에 실제 뉴스 헤드라인을 같이 넣어서, 그냥 등락률만 요약하던 걸 "왜 올랐는지"까지 반영하게 했습니다.

1. 용어정리 가이드 16편 추가

PBR, ETF, 캔들차트, 호가창, 동시호가, VIX 같은 투자 초보가 자주 검색하는 용어들을 정리했습니다. 캔들차트 글은 장대양봉·도지·망치형 등 6가지 패턴을 SVG로 직접 그려 넣었어요.

1. 주식 롤러코스터 게임 업데이트

SOX(필라델피아 반도체)·닛케이·비트코인·이더리움 4개 지수 추가 (기존 5개 → 9개)
이 게임 페이지가 사이트 공용 레이아웃을 안 쓰는 구조라, PWA 설치 버튼이랑 "새 버전이 있습니다" 업데이트 배너가 아예 빠져있던 걸 발견하고 추가 배너가 게임 플레이 중 터치 컨트롤이랑 겹치는 문제도 같이 잡았습니다.

광고 배치 하나 고치려다가 CSS 클래스 하나 빠진 걸 발견했고, 그거 고치다가 다른 페이지들도 훑어보게 됐고... 결국 하루가 통으로 사이트 전체 점검하는 날이 됐습니다. 작은 버그 하나가 "이 페이지 구조 전체를 한번 봐야겠다." 로 이어지는 경우가 종종 있네요.