사이트 개선 + 애드센스 심사 신청

작업일: 2026-03-04

작업자: 재영 + 대박이 (Claude)

작업 배경

블로그 기본 기능은 완성됐지만, 애드센스 신청 전에 부족한 부분이 있었다.

사이트 점검을 해보니 파비콘, og:image, 404 페이지, Google Analytics 등 기본 인프라가 빠져있었다.

하나씩 채워넣고, 마지막에 애드센스 심사까지 신청 완료.

1. 상태 박스 → 공지사항 바 교체

문제

헤더에 “CURRENT BUILD: v0.2 / 상태: 블로그 구조 설계중 / 다음 목표: 서버 셋팅 완료” 상태 박스가 있었는데, 내용이 오래되어 업데이트가 필요했다. 매번 코드를 수정하는 것도 비효율적.

해결

• 상태 박스를 제거하고, 공지사항 바 시스템으로 교체
• 관리자 페이지(버전 관리)에서 ON/OFF + 텍스트 + 링크를 설정할 수 있게 구현
• wp_options에 daebakcode_notice_enabled, daebakcode_notice_text, daebakcode_notice_url 저장
• 한 줄 바 스타일로 Notion 디자인에 맞게 적용

트러블슈팅

배포 후에도 옛날 상태 박스가 계속 보이는 문제 발생. 원인은 Nginx FastCGI 캐시 + Cloudflare CDN 캐시 이중 캐시 문제였다.

• Nginx 캐시 퍼지: sudo rm -rf /var/cache/nginx/fastcgi/*
• Cloudflare 캐시: 대시보드에서 “모든 것을 정화하십시오” 클릭
• 이후 정상 반영 확인

수정 파일: header.php, style.css, admin/pages/version.php

2. 댓글 기능 활성화

구현

• comments.php 새로 생성 (Notion 스타일 댓글 UI)
• single.php에 comments_template() 추가 (네비게이션 아래, 페이지 맨 하단에 배치)
• functions.php에 daebakcode_comment_callback() 커스텀 콜백 추가
• style.css에 댓글 관련 CSS 추가

트러블슈팅

• 댓글이 저장은 되는데 화면에 안 보이는 문제: comments.php에서 $commenter 변수를 정의하지 않아서 발생. $commenter = wp_get_current_commenter(); 추가로 해결
• “로그인 됨” 메시지 표시 문제: comment_form()에 'logged_in_as' => '' 추가로 제거
• CSS 캐시 문제: 윈도우 브라우저에서 변경 안 보임. CSS 버전을 0.3.2 → 0.4.0으로 올려서 캐시 버스팅

수정 파일: comments.php(신규), single.php, functions.php, style.css

3. 파비콘 적용

구현

• SVG로 파비콘 제작: 골드(#f59e0b) 둥근 사각형 배경 + 흰색 “대” 글자
• 대박코드 브랜드 아이덴티티 반영 (“대박”의 “대”)
• functions.php에 daebakcode_favicon() 함수 추가
• <link rel="icon" type="image/svg+xml"> 방식 적용

수정 파일: favicon.svg(신규), functions.php

4. og:image 소셜 공유 썸네일

문제

카카오톡이나 SNS에 블로그 링크를 공유하면 썸네일이 안 나왔다.

해결

• Python Pillow로 1200x630px 브랜드 배너 이미지 생성
• 골드 배경 + “대박코드” + 슬로건 + daebakcode.com
• Noto Sans CJK KR Black 폰트 사용 (한글 렌더링)
• functions.php 수정: 글에 썸네일 있으면 그걸 쓰고, 없으면 기본 og-image.png 폴백
• Twitter Card도 summary → summary_large_image로 변경 (큰 이미지)

트러블슈팅

ImageMagick(convert)으로 SVG→PNG 변환 시 한글이 렌더링 안 되는 문제 발생. Python Pillow + 시스템 한글 폰트로 직접 생성하여 해결.

수정 파일: og-image.png(신규), functions.php

5. 404 에러 페이지

구현

• 404.php 신규 생성
• Notion 스타일 디자인: 큰 “404” 숫자(골드) + 안내 메시지 + “홈으로 돌아가기” 버튼
• style.css에 .error-404 관련 CSS 추가
• CSS 버전 0.4.0 → 0.4.1로 캐시 버스팅

수정 파일: 404.php(신규), style.css, functions.php

6. Google Analytics 연동

구현

• Google Analytics 4 속성 생성 (속성명: 대박코드)
• 측정 ID: G-TV9C11NCX3
• functions.php에 daebakcode_gtag() 함수 추가
• 관리자 페이지에서는 추적 안 하도록 is_admin() 체크

확인

• Analytics 실시간 보기에서 방문자 추적 정상 확인

수정 파일: functions.php

7. Google AdSense 심사 신청

구현

• AdSense 계정 생성 + daebakcode.com 사이트 등록
• AdSense 코드 functions.php에 추가 (daebakcode_adsense() 함수)
• Publisher ID: ca-pub-2170020652675537

트러블슈팅

• 처음 “사이트를 확인할 수 없습니다” 에러 발생
• 원인: Cloudflare CDN 캐시가 AdSense 코드 삽입 전의 페이지를 제공
• Cloudflare 대시보드에서 캐시 전체 퍼지 후 재시도 → “사이트가 확인되었습니다” 성공
• 검토 요청 완료, 심사 결과 대기 중 (보통 2~7일)

수정 파일: functions.php

수정 파일 총정리

배운 점

1. 캐시는 항상 적이다 — Nginx FastCGI 캐시 + Cloudflare CDN 캐시 이중으로 걸리면 변경사항이 안 보인다. 배포 후 반드시 양쪽 다 퍼지해야 한다.
2. CSS 버전 관리 — wp_enqueue_style()의 version 파라미터를 바꿔야 브라우저 캐시를 우회할 수 있다.
3. og:image는 필수 — SNS 공유 시 썸네일 없으면 클릭률이 크게 떨어진다. 기본 이미지라도 있어야 한다.
4. 애드센스 크롤러도 캐시에 영향 받는다 — Cloudflare 캐시 퍼지 후에야 AdSense 코드를 인식했다.

다음 할 일

• 애드센스 심사 결과 대기 (2~7일)
• 새 글 계속 작성 (심사에 긍정적 영향)
• 텔레그램 오픈 그룹 만들어서 블로그에 연결
• WebSocket 실시간 채팅 기능 (나중에 콘텐츠로)