2026-09-17 ServiceOn Blog 작업일지입니다. 오늘은 7건의 작업을 진행했습니다.
공개 웹 (달력 하단 광고)
현상/기능
- 모든 달력 하단에 광고가 없는 상황
작업
- HomeHero — 날짜띠 바로 아래 AdSlot 배치. sticky는 날짜띠만 적용, 광고는 스크롤되게 함
- 홈·/cards·/cards/extra-news 공통 적용. ItAiNewsFeed/ExtraItNewsArchive의 중복 슬롯 제거함
공개 웹 (AdSense 사이트 인증)
현상/기능
- 구글 애드센스 가입을 진행 중이며 blog에 광고를 붙이는 방법이 필요한 상황
- 받은 스크립트: adsbygoogle.js?client=ca-pub-9372003557544440
- 공개 기본 client를 ca-pub-9372003557544440로 설정, env로 덮어쓰기 가능하게 함. 슬롯 없으면 배너 비활성화함
- head에 google-adsense-account 메타와 동일 client 스크립트를 추가함
- ads.txt — google.com, pub-9372003557544440, DIRECT, f08c47fec0942fa0 항목을 추가함
- 광고 단위(슬롯)는 아직 없어 기존 AdSlot 자리는 빈 광고 라벨로 유지함
공개 웹 (날짜띠 통일·스크롤 고정)
현상/기능
- /cards/extra-news 달력이 /cards와 다른 상황
- 홈, /cards, /cards/extra-news에서 달력이 맨 위에 닿아도 달력 아래만 스크롤되지 않는 상황(기존 sticky 미동작)
- ExtraItNewsArchive — 월간 DateCalendar를 제거하고 /cards와 같은 HomeHero 날짜띠+달력 아이콘으로 변경함
- HomeHero — 헤더 높이를 재어 날짜띠가 헤더 아래에 닿으면 fixed로 전환하고 자리 유지용 spacer를 추가함. 홈·/cards·extra-news 공통 적용함
- DateCalendar는 날짜띠 아이콘 팝오버 전용으로 정리함
공개 웹 (그 외 뉴스 달력 고정)
현상/기능
- 스크롤을 올리면 달력까지는 올라가고 달력이 상단에 닿으면 달력을 고정하고 이하로 스크롤되어야 하는 상황
- /cards/extra-news ExtraItNewsArchive — 제목·안내는 스크롤되게 하고 달력은 헤더 아래 sticky-below-header로 고정함
- 광고·선택일 목록은 달력 아래에서 계속 스크롤되게 하고 DateCalendar 선택 동작은 유지함
공개 웹 (공유·카드 광고·그 외 뉴스 달력)
현상/기능
- 월간호·카드뉴스·프로젝트·AI 자동화 글 우측 상단에 공유 아이콘이 없는 상황
- /cards 오늘의 카드뉴스 첫 뉴스 아래에 광고가 있고 그 외 뉴스들 앞에 날짜가 없는 상황
- /cards/extra-news 안내 문구 아래에 홈 달력, 달력 아래 광고, 달력 선택일 목록이 없는 상황
- PostShareButton — Web Share를 사용하고 미지원 시 링크 복사로 대체함. Working 글은 공유 기능 제외함
- CardNewsFeed — 1번 카드 뒤 AdSlot을 제거함
- ExtraItNewsList — 제목 앞에 newsDate를 표시함
- ExtraItNewsArchive — 홈 DateCalendar와 광고, 선택일 필터를 추가하고 ?date= 쿼리를 반영함
배포
작업
- 홈 보드 칸 위치와 IT·AI 카드/그 외 뉴스 페이지네이션을 main에 합쳐 프로덕션 배포함
공개 웹 (IT·AI 소식 페이지)
현상/기능
- 오늘의 카드뉴스가 5개씩 보이지 않고 나머지가 페이징 처리되지 않는 상황
- 그 외의 뉴스들도 10개씩 보이지 않고 나머지가 페이징 처리되지 않는 상황
- CardNewsFeed — 하루 카드를 5건씩 ListPager로 표시함
- ExtraItNewsList — 겹침을 제외한 전체를 10건씩 ListPager로 표시하고 15건 상한을 제거함. 아카이브 더보기는 유지함
- ListPager / paginateItems — 검색 목록과 같은 원형 페이지 버튼으로 구현함
- mock 2026-09-12 카드 8건을 추가해 5건 페이지 확인용으로 사용함