기술 & 개발
- Next.js App Router canonical 점검: Search Console 대체 페이지를 구분하는 방법이 블로그의 실제 메타데이터 구성을 기준으로 canonical 상속, 한글 주소와 Search Console 확인 절차를 정리했다. 색인 생성과 광고 승인은 별도 판단임을 구분한다.
- Next.js 16과 Tailwind CSS에서 다크/라이트 테마 깜빡임(FOUC) 없이 구현하기Next.js 16 App Router 환경에서 localStorage 기반 다크 모드 전환 시 발생하는 첫 화면 깜빡임(FOUC) 문제를 인라인 스크립트와 CSS 변수로 깔끔하게 해결한 과정.
- React 마크다운 렌더러에 스마트 목차(TOC)와 스크롤 스파이(Scroll-Spy) 적용기긴 기술 블로그 아티클을 읽기 편하게 만들기 위해 마크다운 헤딩(#, ##)을 자동 추출하여 동적 목차(TOC)를 생성하고 IntersectionObserver로 실시간 스크롤 스파이를 구현한 경험.
- 개인 도메인 도입기: DNS 연결부터 사이트맵과 로그인 설정 점검까지sooyoung.pe.kr을 대표 도메인으로 연결하며 점검한 DNS, HTTPS, GitHub 로그인과 사이트맵 설정. 도메인 변경과 색인·애드센스 승인의 관계를 구분한다.
- 개발 블로그 애드센스 승인 시도 기록: 사이트 확인과 콘텐츠 심사아직 애드센스 승인을 받지 못한 개발 블로그의 점검 기록. 사이트 확인과 검색 색인의 차이, 잘못된 콘텐츠와 중복 설명을 수정한 과정을 정리했다.
